strange happenings with CSS UL Menu

Hi..

Im attemting to create a top navigational drop down menu using CSS.. I have been following the AList Apart tutorial

[URL=http://alistapart.com/articles/dropdowns ]http://alistapart.com/articles/dropdowns [/URL]

The file im working on is located here:
[URL=http://www.rooww.com/demos/drlewinn/productsfacialcleanser.htm]http://www.rooww.com/demos/drlewinn/productsfacialcleanser.htm[/URL]
The part in question is the Top Navigational menu, specifically “our products” and “skincare for you” drop downs..

the CSS file here:
[URL=http://www.rooww.com/demos/drlewinn/files/style.css ]http://www.rooww.com/demos/drlewinn/files/style.css [/URL]

The menu works fine in firefox & netscape.. however in IE on the first rollover after page load the box/border around the items is cut off..

This is the problem I have on XP with IE 6.. Borders cut off…
[URL=http://www.rooww.com/demos/drlewinn/CSSproblem.gif]http://www.rooww.com/demos/drlewinn/CSSproblem.gif[/URL]

Also in #CSS _↴