Estou com um problema na DIV de um menu que tirei de exemplo do site.
http://www.obasicoda...r/exemplo5.html
Olha so como esta:
Uploaded with ImageShack.us
Segue o codigo;:
#tabelamenu {
width:262px;
}
#menu{
float:left;
margin: 0px 0px 20px -2px;
background:url(/images/fundo_menu.png) no-repeat 0 0;
width:262px;
}
#menu ul{
list-style:none;
}
#menu li{
position:absolute;
height:100%;
margin-left:140px;
}
#menu li a{
position:absolute;
display:block;
width:100%;
height:100%;
top:30;
cursor:pointer;
}
#menu li a span{
position:absolute;
display:block;
width:100%;
height:100%;
top:40;
}
#um{
width:262px;
left:0;
}
#dois{
width:262px;
left:0;
}
#tres{
width:262px;
left:0;
height:31px;
}
#quatro{
width:262px;
left:0;
height:26px;
}
#cinco{
width:262px;
left:0;
height:34px;
}
#seis{
width:262px;
left:0;
}
#sete{
width:262px;
left:0;
}
#oito{
width:262px;
left:0;
}
#nove{
width:262px;
left:0;
}
#dez{
width:262px;
left:0;
}
#onze{
width:262px;
left:0;
}
#doze{
width:262px;
left:0;
}
/* abri aqui */
#um a span{
background: url(/images/menu-sbie-cortado_02.gif) no-repeat 0 0;
height:30px;
}
#dois a span{
background: url(/images/menu-sbie-cortado_03.gif) no-repeat 0 8px;
height:30px;
padding:15px;
}
#tres a span{
background:url(/images/menu-sbie-cortado_04.gif) no-repeat 0 8px;
}
#quatro a span{
background:url(/images/menu-sbie-cortado_05.gif) no-repeat 0 8px;
}
#cinco a span{
background:url(/images/menu-sbie-cortado_06.gif) no-repeat 0 8px;
}
#seis a span{
background:url(/images/menu-sbie-cortado_07.gif) no-repeat 0 8px;
}
#sete a span{
background:url(/images/menu-sbie-cortado_08.gif) no-repeat 0 8px;
}
#oito a span{
background:url(/images/menu-sbie-cortado_09.gif) no-repeat 0 8px;
}
#nove a span{
background:url(/images/menu-sbie-cortado_10.gif) no-repeat 0 8px;
}
#dez a span{
background:url(/images/menu-sbie-cortado_11.gif) no-repeat 0 8px;
}
#onze a span{
background:url(/images/menu-sbie-cortado_12.gif) no-repeat 0 8px;
}
#doze a span{
background:url(/images/menu-sbie-cortado_13.gif) no-repeat 0 8px;
}
/* fecha aqui */
/* continua aqui */
#menu ul li a:hover{
z-index:1000;
}
#um a:hover span{
background:url(/images/menu-sbie-amarelo-setas_02.gif) no-repeat 0 8px;
}
#dois a:hover span{
background:url(/images/menu-sbie-amarelo-setas_03.gif) no-repeat 0 8px;
}
#tres a:hover span{
background:url(/images/menu-sbie-amarelo-setas_04.gif) no-repeat 0 8px;
}
#quatro a:hover span{
background:url(/images/menu-sbie-amarelo-setas_05.gif) no-repeat 0 8px;
}
#cinco a:hover span{
background:url(/images/menu-sbie-amarelo-setas_06.gif) no-repeat 0 8px;
}
#seis a:hover span{
background:url(/images/menu-sbie-amarelo-setas_07.gif) no-repeat 0 8px;
}
#sete a:hover span{
background:url(/images/menu-sbie-amarelo-setas_08.gif) no-repeat 0 8px;
}
#oito a:hover span{
background:url(/images/menu-sbie-amarelo-setas_09.gif) no-repeat 0 8px;
}
#nove a:hover span{
background:url(/images/menu-sbie-amarelo-setas_10.gif) no-repeat 0 8px;
}
#dez a:hover span{
background:url(/images/menu-sbie-amarelo-setas_11.gif) no-repeat 0 8px;
}
#onze a:hover span{
background:url(/images/menu-sbie-amarelo-setas_12.gif) no-repeat 0 8px;
}
#doze a:hover span{
background:url(/images/menu-sbie-amarelo-setas_13.gif) no-repeat 0 8px;
}no html:
<div id="menu"><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_01.gif" /><br />
<ul><li id="um"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_02.gif" /></a></li><br/>
<li id="dois"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_03.gif" /></a></li><br/>
<li id="tres"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_04.gif" /></a></li><br/>
<li id="quatro"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_04.gif" /></a></li>
<br/> <li id="cinco"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_05.gif" /></a></li><br/>
<li id="seis"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_06.gif" /></a></li><br/>
<li id="sete"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_07.gif" /></a></li><br/>
<li id="oito"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_08.gif" /></a></li><br/>
<li id="nove"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_09.gif" /></a></li><br/>
<li id="dez"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_10.gif" /></a></li><br/>
<li id="onze"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_11.gif" /></a></li><br/>
<li id="doze"><a href="#"><span></span><img src="/sbie/wp-content/themes/twentyten/images/menu-sbie-cortado_12.gif" /></a></li><br/>
</ul>
<br />
Ja mechi que so e no IE nao funcionou
obrigado
