No funciona background en div

[Daidass]

Hola gente!!!

Necesito de vuestra ayuda...
A ver, tengo este codigo :

Código PHP:

 <div class="navigation2">    
<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
</div>  

y este css:

Código:

.navigation2 {
	background: #A01010;
	filter: Alpha(Opacity=60); 
	opacity: .6;
	font-size: 9px;
	color: #FFFFFF;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

Y me sale esto:


El background debería ser rojo, pero no me hace ni caso.
Alguien sabe que hago mal?

Muchas Gracias!!

[Eourus]

A ver, no se ve rojo porque las capas tienen la propiedad float.

Para solucionar esto necesitas usar un clear:both

Debería quedar algo así:

Código PHP:

 <div class="navigation2">    
   <div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
   <div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
   <div class="limpia"></div>
</div>  

y

Código:

.navigation2 {
	background: #A01010;
	filter: Alpha(Opacity=60); 
	opacity: .6;
	font-size: 9px;
	color: #FFFFFF;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.limpia { clear:both; }

Prueba y ya me comentas...

[Daidass]

Gracias!!!!!!!!!!!!!

Si que funciona!!!!!!!!!!!

Muchas gracias, es que soy novata en los css

Acabo de ver que la opacidad no me funciona en I7, lo estoy escribiendo mal?

[Eourus]

Pues la verdad es que no lo sé. No suelo utilizar esa propiedad, pero, conociendo los productos de Microsoft y su "deficiente" funcionamiento con hojas de estilos, me atrevería a decir que sí.

[Daidass]

Gracias de todos modos.
Si alguien me puede ayudar, en Firefox funciona perfectamente pero en I7 no hace la opacidad...

[Eourus]

Daidass prueba con esto

filter:alpha(opacity=50); /* IE */

Según he leido por ahi esas propiedas son de CSS 3 y todavia no están bien implementadas.

[Daidass]

Nop, no me funciona

[Eourus]

¿y porque no le quitas el filter y opacity, y le cambias el color del background por este: #C67070 ?

[Daidass]

Si al final es lo que haré. Gracias!

[Eourus]

a ver, metele un width:100% al .navigation2