CSS - Drop down menu border hover issue in IE6

[Bollard]

Hello,

Have a quick question. I have the following drop down menu. As you can see, when you hover over a menu item a border appears around three edges, and the border-top appearing is pushing the li down by 1px - making the menu appear to "wobble"

So, how do i fix it? If i simply add margin-top:-1px to the li:hover that works great in modern browsers, but it breaks in IE6 (have a look at the screenshot - it pulls everything up 1px)

Any ideas?

Thanks

[Cupcakes]

The following adds the stylesheet if you are viewing in IE6 (or lower):

<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="ie6lower.css" />
<![endif]-->

Add in the correct code for IE6 for your dropdown menu and voila. No issue.