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!

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>