menu drop down

[bayadere 0]

Oi pessoal,

 

Peguei o seguinte modelo de menu:

 

http://www.mxstudio.com.br/views.tutorial....&cid=1&aid=275#

 

e adaptei ao meu layout, só tem um problema, quando eu passo o mouse sobre as imagens que vão abrir o submenu, uma pequena listra horizontal fica abaixo delas, essa listra é do rollover mesmo, mas isso não deveria acontecer já que as imagens têm a mesma altura estabelecida pelo height no CSS quando for dar rollover. As minhas imagens têm 218px x 14px. O problema mesmo é na altura, o rollover fica maior que a imagem, de comprimento não há nenhum problema. O meu css é o seguinte:

 

#menu { width: 220px; background-color: #FFFFFF; padding-bottom:10px;

 

}#menu div { margin: 0px 0px 0px; height: 20px;

 

}

 

html>body #menu div { margin: 4px 0px 0px;}

 

#menu a { border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica; font-size: 70%; color: #000000; text-decoration: none; display: block; height: 14px; padding-top: 2px; background-image: url(imagens/seta_menu.gif); background-repeat: no-repeat; background-position: 4px 8px; padding-left: 27px; padding-bottom: 0px;}

 

#menu a.divisoria { margin: 0px 0px 3px; background-image:none; padding-left:0px; padding-top:0px; padding-bottom:0px; height:14px;}

 

html>body #menu a.divisoria { margin: 4px 0px -1px;}

 

#menu a:hover { background-color: #DFDFDF; text-decoration: underline; }

 

#menu img { border:none; }

 

#dw, #fw, #fl, #cf, #fh, #cont, #int {

 

display:none;

 

}

 

#dw-dois, #fw-dois, #fl-dois, #cf-dois, #fh-dois,

 

#cont-dois, #int-dois {

 

display:none;

 

}

 

Quem puder dar uma ajuda pra mim, agradeço muito!

 

Abraços,

 

Clarissa

[Douglas 6]

Não é alguma borda nas imagens? Aplique um CSS setando borda 0 em todas as imagens.Tente entrar em contato com o autor do artigo, ele pode te ajudar melhor.