Problema con float

[Labelin]

Buenas, tengo el siguiente código

Código CSS:

/* CSS Document */
#contenedor{
width:900px;
height:auto;
}
body{
background:url(imagenes/back_toda.jpg);
}
#cabezera{
height:95px;
padding:5px;
background-color:#00CC33;
padding-left:20px;
margin-top:20px;
}
 
#menu{
background-color:#CCCCCC;
float:left;
width:150px;
height:100%;
 border:1px solid #0099FF;
}
 
#contenido{
          background-color:#CCCCCC;
          border:1px solid #0099FF;
          width:740px;
          float:left; 
           height:100%;
            margin-left:10px;
            }
            
            /* OTROS/* */
 
 
#navegador ul{
text-decoration: none;
color:#0099CC;
list-style-image:url(imagenes/Teamgeist.jpg);
}
#navegador li{
text-decoration:none;
list-style-image:url(imagenes/balon_lista.png);
}
#navegador li a{
text-decoration:none;
}
 

El contenido al tener float:left debería estar a la derecha del menú pero se situa debajo.
www.deporte-en-internet.com/nd/ <- Ahi es donde se encuentra

[David]

El contenido no necesita estar flotado, ya que #menu cede el espacio a su derecha. Quitando float:left a #contenido probablemente funcionará.

[kseso?]

Y para evitar problemas de interpretación con algún ie, añade a "#contenido":

display: inline

[Labelin]

Iniciado por David el Grande

El contenido no necesita estar flotado, ya que #menu cede el espacio a su derecha. Quitando float:left a #contenido probablemente funcionará.

Funciona pero así el margin-left:18px; del contenido no funciona :S

[David]

Yo lo probé y funciona sin problemas .

Lo que debes tener en cuenta es que el margen se calcula a partir del contenedor.

[Labelin]

Yo he puesto margin-eft:100px; y sigue como esta... pongas 100 , 500 lo que sea siempre se queda igual :S

[David]

¿Con qué navegador estás probando? Yo probé en Firefox a cambiarle el margin-left con Firebug y funciona sin problemas. Sólo debes tener en cuenta lo que te comenté en el mensaje anterior.