Internet Explorer Menu Problems

[justinbaker]

URL: http://upmi.org/site

The functionality for the main navigation in the header works beautifully in FF and Chrome, but IE is giving me some trouble. I am having some javascript gurus looking at my jQuery, but I'm not sure if perhaps its the CSS that's giving me a prob.

Am I formatting these goofy for IE, if so any tips/articles/recodes I can implement?

Take a look at the page, and here's a sample of some CSS I used for the dropdown boxes. Maybe one of you can spot a glaring issue of the bat.


.mega-menu-learn {
width:690px;
height:240px;
z-index:5000;
position:relative;
background-color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 15px #575757;
-webkit-box-shadow: 0px 0px 15px #575757;
box-shadow: 0px 0px 15px #575757;
top:45px;
left:148px;
padding:10px;
display:none;
border-bottom:solid 3px #eaeaea;

And by all means, if you happen to note a jQuery issue, enlighten me and I'll research it. I know this is a markup forum, but if you see something....tell me :)

Thx a billion!

[serversea]

If your concern is to have shadow or radius through CSS, then you should know that only IE 9 supports "border radius" and "shadow" properties of CSS. So, there nothing you or any one can do about it since browser does not support.

Here you can look at the IE compatibility for CSS module.

http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx