Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/09/2010, 17:24
Ozone
 
Fecha de Ingreso: febrero-2009
Mensajes: 202
Antigüedad: 15 años, 2 meses
Puntos: 3
Problema con div display: block en IE7

Hola a todos,
estuve preparando este code, pero voy a IE y veo que el id header no me toma el display: block entonces solo muestra el fondo de color negro en una parte por el <br />


HTML:
Código HTML:
<div id='header'><h1>Título</h1> <p>Linea de texto | <Linea de texto 2 <br />Linea de texto 3</p></div>
<div id='contenido'>Contenido de la página</div> 
CSS:
Código:
#header{
padding: 10px;
display: block;
overflow:hidden;
background: #000;
}
#header h1 {
float: left;
}
#header p {
float: right;
}
En Firefox y Chrome lo veo bien, pero en IE7 no... ¿Cómo podría solucionarlo?
Nunca me había pasado eso...

Saludos!