border-bottom en IE7

[MMCQ]

HOLA!
estoy haciendo el header nuevo de mi pagina pero tengo un problema en firefox aparece la linea cuando el mouse esta encima de la opcion de inicio. pero cuando voy a IE7 no aparece la linea, cuando el mouse esta encima de la opcion. aqui el CSS ---

#menu a{

color:#333333;
font-weight:bold;
padding: 6px 5px 6px 5px;

}
#menu a:hover{


border-bottom:3px solid #FF0000;
}

usen primero el firefox ,y despues el Explorer URL:http://importzona.com/Z-move/header.htm

[pitufoweb]

Hola.
primero tienes mal los tags en el html, falta los <ul> </ul>, debe de estar de la siguiente manera:

Código HTML:

<div id="menu">
<ul>
<li><a href="#" >Inicio</a></li> 
<li><a href="#" >Features</a></li>
</ul>
</div> 

Y para que se vea el borde en IE7 solo ponle padding-bottom asi:

Código HTML:

div#menu ul {padding-bottom: 10px;}

[MMCQ]

Iniciado por pitufoweb

Hola.
primero tienes mal los tags en el html, falta los <ul> </ul>, debe de estar de la siguiente manera:

Código HTML:

<div id="menu">
<ul>
<li><a href="#" >Inicio</a></li> 
<li><a href="#" >Features</a></li>
</ul>
</div> 

Y para que se vea el borde en IE7 solo ponle padding-bottom asi:

Código HTML:

div#menu ul {padding-bottom: 10px;}

no sera border-bottom :D

aun sigue el problema

[pitufoweb]

nop, así es como te digo, el padding-bottom:10px es para que se vea el borde en IE7

[MMCQ]

ya lo hize , y funciono en vez de ul puse li
fijate http://importzona.com/Z-move/header.htm

gracias!

[pitufoweb]

Que bien que ya te funciono.

Tienes dos veces padding y en una falta poner el cerrarlo con ;


#menu li{

list-style-type:none;
margin:4px;
padding:2px;
padding:4px 2px 4px 6px
line-height:13px;
float:left;
}

[MMCQ]

que DOCTYPE pon para que w3c me valide la pagina completamente ?

http://validator.w3.org/check?uri=ht...Inline&group=0

[MMCQ]

ya lo logre :D