No me reconoce el largo de un menu!!

[fefefefe]

quiero que el largo del menu sea de 100 px pero queda en mucho menos , ya probe todo estoy a punto de perder la cordura!!!!!!!!!!!!!! jajaj

Código HTML:

#menu-top { padding:0px; margin-bottom:0px; width:960px;  background:#FFF; }
#menu-top ul { margin:0px; padding:0px;  height:100;}
#botonera li { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}
#botonera li:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}

#botonera li a { font:bold 12px arial; color:#fff; text-align:center; text-decoration:none; padding:4px 0px; }

#botonera li.ultima { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}

#botonera li.ultima:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;	}

#botonera li.primera { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}

#botonera li.primera:hover { background:url(../image/solapa1_2.gif) no-repeat; width:117px;padding:4px 0px;	}

#botonera li.goles { background:url(../image/solapafutbol.gif) no-repeat; width:117px; padding:4px 0px;}

Código HTML:

<div id="menu-top" style="margin-left:25px; margin-bottom:10px; height: 100 px;">
		<ul id="botonera">
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="primera"><a href="index.php">Inicio</a></li>
			<li class="ultima"><a href="contacto.php">Contacto</a></li>
		</ul>
	</div> 

en otro css tengo esto

Código HTML:

#menu-top{
width: 720px;
margin:0px;
padding:0;
float: left;
}

#menu-top ul {
list-style: none;
float:left;
}

#menu-top ul li {
display: block;
float: left;
position: relative;

}


#menu-top ul li a {	
display: block;
}

[Naahuel]

Pues yo veo muchos errores. Para empezar ¿por qué defines estilos por CSS externo e inline? mara #menu-top has especificado una regla margin-bottom:0px pero inline has dicho margin-bottom:10px, el cual tendrá prioridad.

Otro error es que por todos lados pusiste: height:100; pero no has especificado unidad. Usá: height:100px;
También (no estoy seguro si es problemático porque funciona de todas formas) pero a mi no me gusta dejar espacios entre el número y la unidad. O sea, nunca pongo "100 px" sino "100px" :P

Revisa con cuidado tu código :) Usa los servicios de validación, suelen ahorrar dolores de cabeza.

[GAST0N]

como te dijo naahuel, tenes todos esos errores

height es el alto del div, width es el largo o ancho como quieras llamarle, del div