Correção Css Menu Drop-down

[rogerss_7 0]

Fala gente, estou precisando de uma ajuda com alguns códigos css, é o seguinte fiz um menuzinho drop com alguns códigos meus juntamente aos dos Maujor. Gostaria de deixar o submenu acima do menu (está assim: IE = por baixo, FF = por cima), também no link (imagem) que exibe o submenu existe uma borda inferior, gostaria de tirá-la, somente deixar nos submenus.

 

Tentem me ajudar, realmente estou precisando de suas ajudas.

Obs.: O código está perfeito (Javascript, Html) só o css que gostaria de alterar. Créditos totais ao Maujor.

vlw, abraços.

 

Segue o código completo abaixo:

 

<script language="javascript">/* Copyright Maujor.com */function IEHoverPseudo() {var navItems = document.getElementById("menu-nav").getElementsByTagName("li");for (var i=0; i<navItems.length; i++) {if(navItems[i].className == "submenu") {navItems[i].onmouseover=function() { this.className += " over"; }navItems[i].onmouseout=function() { this.className = "submenu"; }}}}window.onload = IEHoverPseudo;</script><style type="text/css">#menu {float:left; border:0; text-decoration:none; margin:35px 0 0 2px; padding:0; border:0;}#menu img {border:0;}ul#menu-nav, ul#menu-nav ul {margin: 0;padding: 0;width: 150px;}ul#menu-nav li {position: relative;list-style: none;}* html ul#menu-nav li { float: left; height: 1%;} /* Fix IE. Hide from IE Mac \*/* html ul#menu-nav li a { height: 1%; } /* End */ul#menu-nav ul {position: absolute;display: none;left: 170px; top: 0; background:#99CC00; z-index:2;}ul#menu-nav li a {display: block;padding: 2px;}ul#menu-nav li:hover ul, ul#menu-nav li.over ul{ display: block;}ul#menu-nav li.submenu a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;   border-bottom:1px solid #009900;}ul#menu-nav li.submenu a:hover {color:#000;}</style><div id="menu"><ul id="menu-nav"><li><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" /></a></li><li><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" /></a></li><li class="submenu"><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" border="0" /></a> <ul><li><a href="#">Link #1</a></li><li><a href="#">Link #2</a></li><li><a href="#">Link #3</a></li><li><a href="#">Link #4</a></li></ul></li><li><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" /></a></li><li><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" /></a></li>  <li class="submenu"><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" border="0" /></a> <ul><li><a href="#">Link #1</a></li><li><a href="#">Link #2</a></li><li><a href="#">Link #3</a></li></ul></li><li><a href="#"><img src="http://www.maujor.com/tutorial/imagens_menurollimg/fundo_1.gif" /></a></li></ul></div>

[rogerss_7 0]

alguém pod ajudar?

[Guilherme Rambo 4]

Sem pressa rogerss_7, as regras do fórum não permitem flood. Quando alguém souber, irá te ajudar.

[rogerss_7 0]

Opa, desculpa aí, não tive a intenção de apressar ninguém, vlw.

[rogerss_7 0]

Então ninguém sabe como fazê-lo? Se necessário pode ser reescrito o código, só preciso de uma luz ou algo parecido, abraços.

[hunternh 2]

Altere:ul#menu-nav li.submenu a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; border-bottom:1px solid #009900;}ul#menu-nav li.submenu a:hover {color:#000;}Por:ul#menu-nav li.submenu{z-index:4;}ul#menu-nav li.submenu ul li a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; border-bottom:1px solid #009900;}ul#menu-nav li.submenu ul li a:hover {color:#000;}

[rogerss_7 0]

tu é genial meu velho parabéns mesmo, funcionou perfeitamente, forte abraço.