Opera/IE Problem

[Krewe]

-.- I hate these browsers but I gotta fix this problem.Here is my website link: Http://www.codekrewe.com/testing In Firefox and Chrome everything looks peachy.But in Opera and IE my navigation is messed up! The contact link is pushed down out of the area it is suppose to be.I have no idea why, there is plenty of space to hold the contact link, I even did the inspect element to make sure.The problem can be fixed in IE if you do the compatibility view however I would like it to be fixed without that. Here is my css and html, if anyone can help I'd appreciate it. HTML:

<div id="menu"><div id="nav"><div id="logo"><a href="index.php"><Code Krewe ⁄></a></div><div id="links"><ul><li class="home"><a href="index.php" class="home">Home</a></li><li class="about"><a href="about.php" class="about">About</a></li><li class="portfolio"><a href="portfolio.php" class="portfolio">Portfolio</a><ul><li style="float:none;"><a href="portfolio.php#websites">Websites</a></li><li style="float:none;"><a href="portfolio.php#graphics">Graphics</a></li></ul></li><li class="services"><a href="index.php" class="services">Services</a><ul><li style="float:none;"><a href="development.php">Web Development</a></li><li style="float:none;"><a href="design.php">Web Design</a></li><li style="float:none;"><a href="hosting.php">Web Hosting</a></li></ul></li><li class="blog"><a href="index.php" class="blog">Blog</a></li><li class="contact"><a href="index.php" class="contact">Contact</a></li></ul></div></div></div>

CSS:

html,body{height:100%;margin:0px;padding:0px;}body{background-color:#EAECEA;font-family: 'Happy Monkey', cursive;background-image:url('../images/whiteTexture.png');color:#222;}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#fea40f;font-family: 'Permanent Marker', cursive;font-weight:400;text-shadow:1px 1px 1px #111;}p{margin:0px;padding:0px;text-shadow:0px -1px 1px #000;line-height:150%;}#container{min-height:100%;width:100%;margin-bottom:-250px;position:relative;}a img{border:0px;}a:link,a:visited{color:#fea40f;text-decoration:none;}a:hover,a:active{text-decoration:underline;}#banner{width:600px;height:150px;margin-left:300px;}/***************Nav**************/#menu{height:50px;width:100%;min-width:900px;background-color:#111111;font-size:23px;font-family: 'Permanent Marker', cursive;font-weight:500;background-image:url('../images/blackTexture.png');}#nav{margin-left:auto;margin-right:auto;width:900px;height:50px;}#logo{float:left;margin-top:7px;}#logo a:link,#logo a:visited{color:#EAECEA;text-decoration:none;}#logo a:hover,#logo a:active{color:#fea40f;text-decoration:none;}#links{float:right;margin-top:7px;width:590px;}#links a{display:block;}#links a:link,#links a:visited{color:#EAECEA;text-decoration:none;}#links a:hover,#links a:active{color:#fea40f;text-decoration:none;}#links ul{display:inline;list-style-type:none;}#links li{list-style-type:none;float:left;}#links li ul {position: absolute;width: 195px;left: -999em;clear:left;background-image:url('../images/blackTexture.png');font-size:17px;padding:0px;margin:0px;margin-left:auto;margin-right:auto;padding-left:5px;padding-bottom:5px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 25%;-moz-border-radius-bottomleft: 25%;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 25%;-webkit-border-bottom-left-radius: 25%;-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}#nav li:hover ul {left: auto;}li.home,a.home{width:85px;}li.about,a.about{width:90px;}li.portfolio,a.portfolio{width:130px;}li.services,a.services{width:110px;}li.blog,a.blog{width:80px;}li.contact,a.contact{width:95px;}

Appreciate it!Krewe

Edited June 23, 2012 by Krewe

[dsonesuk]

you are zeroing the padding and margins for sublevel ul with #links li ul {....}, but not the top level

#links ul{display:inline;list-style-type:none;}

and there lies your problem

[Krewe]

Wow... Thanks for making me fells like a dumb***...Haha thanks Dsone