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 :)

[false-name]

fa********@false-account.net wrote:

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...
:)