TEST: Rollover image list not working correctly in IE6

List items jump around as you hover over them - in IE6! Ok in Mozilla Firefox.

Date Created: 22nd October 2006
Date Modified: 22nd October 2006

Home > CSS > Rollover Image List

Problem in WebmasterWorld CSS Forum:
http://www.webmasterworld.com/css/3130320.htm
External Link: http://www.princeton.luispunchy.com/testcase.htm

Hover over the list below in IE6 and see the problem! The problem also shows in IE5. HTML 4.01 Strict, Transitional and even quirksmode!

Link One
Link Two
Link Three

The code:
#navMain a {
display:block;
margin-bottom:15px;	/* set margin-top instead to sort problem */
width:150px;
}
#navMain a:hover {
background-position:0 -10px;
}

<ul id="navMain">
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>