Menú CSS problema con display:block

[cehojac]

Hola Chicos:

Tengo un problema.

Tengo un archivo asp que tienen las opciones de un menú que viene de base de datos. Este archivo no puedo modificar para nada.


para su manipulación debo usar estilos (CSS)

el menú esta escrito de esta forma

<%
for...

<a href="valor"><b>nombre_menu</b></a>
next

%>

Uso este css

.menu a
{
display:block
position: relative;
width: 172px;
margin-left: 6px;
line-height: 25px;
text-decoration: none;
color: #000000;
}

.menu a b
{
position: relative;
margin-left: 0px;
font-weight: normal;
}

Lo que el menú saldría asi

.Opcion 1
.Opcion 2
.Opcion 3
.Opcion 4


Bueno el problema es el siguiente:
cuando la opcion del menú es muy largo el texto pasa abajo si se ve así:


. Inicio
. opcion 1
. opcion 2
. muchas más
opciones
. opcion 3


donde "muchas más opciones" es una sola opcion.

lo que quiero es que la palabra "opciones" se cuandre a la misma altura del texto de las demás opciones del menú.

Alguien podría echarme una mano?

Un saludo y gracias por adelantado

[willyfc]

hola cehojac

primero si tu código esta escrito como lo presentas aquí, falta un ";" despues del display:block, eso hace que ni el mismo ni el position funcionen.

Y otra cosa que tienes que fijarte es que margin-left:6px no le este restando mucho espacio al width:172px; por que por esa razón también podría salirse.

Saludos...

[cehojac]

Muchas Gracias willyfc

le he puesto la coma pero sigue con el problema. este es un caso complejo de css anidados. el margin-left:6px esta justo para dar margen (dar el espacio) dentro de un fondo para que parezca un botón. sin embargo si lo quito sigue apareciendo asi

...mucho más
texto

los puntos son espacios.

He reducido la letra que entre el texto pero no encuentro solución a esto.

Gracias de antemano.

[Aresillo]

no puedes aumentarle el width:172px?

Aresillo!!

[Mikmoro]

¿Por qué no pones el código html generad en el navegador para poder cómo actua la css sobre él?