CSS - using a: hover changes layout in IE ? Is this a known bug ?

[false-name]

is this a known IE bug/quirk ?

a not-very-complex web page with several <div>
( some of those <div> nested )
with navigation by menu links down the left and near the top

using CSS a:link and a:hover
to modify link color and background-color

running on WinXP SP2
all seems fine in Mozilla browsers and Opera 8.5

but in IE6 - hovering over a link *sometimes* changes the page layout
slightly by changing the margin of a different div in an unconnected
part of the page, with no obvious reason for this


removing all the a:link and a:hover rules from the CSS file
removes this quirk completely

admittedly it's a very small effect, but it just looks *amateurish*
when the page is viewed in IE...

thanks in advance

 

[Jonathan N. Little]

is this a known IE bug/quirk ?

a not-very-complex web page with several <div>
( some of those <div> nested )
with navigation by menu links down the left and near the top

using CSS a:link and a:hover
to modify link color and background-color

running on WinXP SP2
all seems fine in Mozilla browsers and Opera 8.5

but in IE6 - hovering over a link *sometimes* changes the page layout
slightly by changing the margin of a different div in an unconnected
part of the page, with no obvious reason for this


removing all the a:link and a:hover rules from the CSS file
removes this quirk completely

admittedly it's a very small effect, but it just looks *amateurish*
when the page is viewed in IE...

thanks in advance

Don't thank use yet false-name, we cannot do much without a URL to 'see'
this problem to have any idea what the cause could be....

 

[rf]

is this a known IE bug/quirk ?

URL?

 

[false-name]

is this a known IE bug/quirk ?

a not-very-complex web page with several <div>
( some of those <div> nested )
with navigation by menu links down the left and near the top

using CSS a:link and a:hover
to modify link color and background-color

running on WinXP SP2
all seems fine in Mozilla browsers and Opera 8.5

but in IE6 - hovering over a link *sometimes* changes the page layout
slightly by changing the margin of a different div in an unconnected
part of the page, with no obvious reason for this


removing all the a:link and a:hover rules from the CSS file
removes this quirk completely

admittedly it's a very small effect, but it just looks *amateurish*
when the page is viewed in IE...

thanks in advance

er...
I think I've "solved" it

I went back through the CSS and noticed that not all of the <div>
elements had a width: specified...

setting width: on all the elements...
er...
solved it...