I found a weird thing today. IE6 will remove the top margin of a hover link when it’s in a list if it has hover attributes. It’s too hard to explain without the code, so here is the code to re-create the phenomenon. This will make a list that when you hover over the links they jump up as the top margin is removed.
<p><style><br />
ul li a {<br />
display: block;<br />
width: 155px;<br />
margin-bottom: 3px; <br />
}<br />
ul li a:hover {<br />
color: #FFFFFF;<br />
background-color: #FC7C00;<br />
} </p>
<p></style><br />
<body><br />
<ul><br />
<li><a href="#">test</a></li><br />
<li><a href="#">test</a> </li><br />
</ul><br />
</body></p>
The only fix I could find is simply to add a space before the closing a tag like so:
<ul><br />
<li><a href="#">test </a></li><br />
<li><a href="#">test </a> </li><br />
</ul>
If you know of a better way to fix it, or if you know why it does this, please let me know!
I had been extremely unhappy with my host, MediaTemple.net. Unfortunately, I had a client who was using a Gallery2 installation that had been installed on the server ages ago and I couldn’t figure out how to successfully move it. ![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=6d976c4c-82b3-48d2-a117-e3f8f65af859)