Hola foreros, estoy inmerso en el diseño de un menu de navegación horizontal, pero este el tamaño maximo permitido es de 800px y el menu ocupa como 1060px, entonces me ha pedido que haga un scroll, pero claro cuando le digo a la capa que el ancho son 800px y ve que hay overflow me hace salto de linea y me pone el scroll vertical y yo lo quiero horizontal. Os detallo un poco como esta el menu:
Código HTML:
Código HTML:
<div id="header" style="z-index: 2; position: absolute; overflow: hidden; width: 200 px; height:60px; left: 40px;">
<ul class="menu5">
<li id="1"><a href="aw_co_InitOp?opcionElegida=21"><b>Opcion 1</b></a></li>
<li id="2"><a href="aw_pa_web_PasParJsp?tipoInformacion=22"><b>Opcion 2</b></a></li>
<li id="9"><a href="aw_pa_web_PasParJsp?tipoInformacion=31"><b>Opcion 3</b></a></li>
<li id="3"><a href="aw_pa_web_PasParJsp?tipoInformacion=23"><b>Opcion 4</b></a></li>
<li id="4"><a href="aw_pa_web_PasParJsp?tipoInformacion=20"><b>Opcion 5</b></a></li>
<li id="5"><a href="aw_pa_web_PasParJsp?tipoInformacion=24"><b>Opcion 6</b></a></li>
<li id="6"><a href="aw_pa_web_PasParJsp?tipoInformacion=25"><b>Opcion 7</b></a></li>
<li id="7"><a href="aw_co_InitOp?opcionElegida=3"><b>Opcion 8</b></a></li>
<li id="8"><a href="aw_co_InitOp?opcionElegida=4"><b>Opcion 9</b></a></li>
</ul>
</div>
Código CSS:
Código:
.menu5 {padding:2px 0 0 1em; margin:2; white-space: nowrap; list-style: none; height:47px; position:relative; background:transparent url(/aw/co/img/es_AR/aw_co_menu0c.bmp) repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:47px;}
.menu5 li a {display:block; padding-left:13px; line-height: 270%; float:left; height:47px; color:white; font-size:12px; text-decoration:none; font-family:TheSansCorrespondence, arial, verdana, sans-serif; font-weight:bold; text-align:center; cursor:pointer; background: url(/aw/co/img/es_AR/aw_co_menu0a.bmp) no-repeat;}
.menu5 li a b {float:left; text-align: center; width: auto; height: 47px; background:url(/aw/co/img/es_AR/aw_co_menu0b.bmp) no-repeat right top;}
.menu5 li.current a{color:#000; background:url(/aw/co/img/es_AR/aw_co_menu1a.bmp) no-repeat;}
.menu5 li.current a b {background:url(/aw/co/img/es_AR/aw_co_menu1b.bmp) no-repeat right top;}
Con este código me salen saltos de lineas en IE y en FF lo saca todo aunque de ancho le ponga 100px, saca todo el menú.
Espero que alguien me pueda ayudar.
Muchas gracias y un saludo