Funciona en todos los navegadores menos en IE6/7

[Lorem]

A ver si podeis ayudarme con esto

Os dejo un ejemplo sencillo de lo que quiero hacer:

[URL="http://cssdesk.com/buAEL"]http://cssdesk.com/buAEL[/URL]

Quiero que la banda negra se expanda con el div amarillo sin tener que fijar un width. Esto funciona bien en todos los navegadores que he probado menos en IE6 y 7.

Alguna sugerencia?

Un saludo y gracias!

[TSG]

Para poner la imagen que ocupe toda la pantalla has de poner en el css del div:

Código CSS:

.div{
   width: 100%;
   height: 100%;
}
 

Y asín además se debería adaptar a internet explorer.

Saludos.

[Lorem]

Gracias por responder, pero creo que no me he explicado bien...

Lo que quiero es que a partir del padding que le de al cuadro amarillo, la banda negra de abajo se expanda con el.

En el ejemplo que puse funciona perfectamente en navegadores como chrome, firefox o incluso IE8, pero si pruebas ese codigo en IE7 veras que la banda negra de abajo no se expande, es mas, ni siquiera sale, solo si le fijo un width funciona, pero eso no me interesa.

Código:

<div>

<div style="float:left;"><div style="background:yellow; padding:8px;">holaa mundo</div>
<div style="height:5px; background:black;"></div></div>
<div style="float:right;"><div style="background:yellow; padding:8px;">holaa mundo</div>
<div style="height:5px; background:black;"></div></div>

</div>

Un saludo y gracias de nuevo!

[pzin]

La mejor sugerencia es hacer que te des cuenta de que IE6 e IE7 no existen.