[RESOLVED] Need help with conditional CSS for IE. Drop down menu isn't displaying properly

[kschroers]

I'm not very proficient in writing conditional css for IE but I've run into an issue where I need to. My drop down menu works perfect in Safari and Fire Fox but when viewed in IE it appears when you hover over the main button but disappears too quickly to hit on the drop down links.

Here is my url so you can see what I am talking about:
http://creativcat.com/newrapidweb/

My only drop down is under "products". If anyone can tell me what I need to add in to make IE display properly, I would appreciate it!

[Quidam]

Create an IE stylesheet where you put the drop down menu higher up, so there's no space between "Products" and the menu.


<!--[if IE]><link rel="StyleSheet" href="iestyle.css" type="text/css"><! [endif]-->



#submenu {
top: 90px; /* Instead of the 115px you had earlier */
}

[Centauri]

Don't need any conditional stuff here at all. The problem is browsers put default margins and padding on things, and this can vary between browsers. Here, the larger default margin FF applies to <ul>s is getting you - explicitly set a top margin value on #nav and each browser should work the same.

[kschroers]

Thanks a lot guys!! Setting the margin and padding to 0 did the trick.