IE hover cause padding to change...

[numer9]

Hey,
i've created this page: http://www.hoteltwins.pl recently. I was using default CMS MS templates as a "base", adding new components and stuff to get to the point the site is right now. It is valid in XHTML and CSS. On my unix - i'm happy with the result.

but there's a tiny bug on IE - when hovering on some menu link, the padding (or the margin) of the content is changing, causing the page to skip for couple of pixels. can you help me? I tried everything and have no idea what's wrong with **!?*& IE and my w3org-valid code... As a unix user i need some help from outside thanks! ps - it's only IE bug, so on other browsers there's no visual result.

[tsw]

its IE 3px job bug, cant remember the fix right now, but google will help you with "3px job bug"

[numer9]

yap, or "3px jog" gave me full hints. For example setting right margin of last float element to -3px should do it; and setting default p height to 1% should also do the trick - but no luck for now. But now i know where to look for. Thanks!

[Dr.CSS]

You may want to take out all the border: 0px solid #color in the menu and since you are using a fixed width take out the call for the IE width fix in the head...

{literal}

=b){nw=b+"px";}if(w



#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}


{/literal}

[numer9]

although it has nothing to do with 3 px jog bug that i have, good tip - I've deleted this part of code and all the 0px borders. Thanks!