Hola, espero que me puedan ayudar, estoy comenzando con esto de CSS. Mi  problema es el siguiente estoy creando una pagina de la siguiente estructura.
 
Encabezado
Navegacion Principal
Menu | Contenido
Pie de Pagina.
 
La pagina se muestra bien con el Internet explorer pero falla con el Opera. Con el opera baja el contenido a la parte de abajo a pesar de que haya puesto el float: right. Aqui coloco el codigo CSS.
 
#container
 	{
 		margin: 10px auto;
 		width: 90%; 		
 		background-color: white;
 		border: 1px solid black;
	}
 
	#header_principal
	{
		   height: 45px;
  		   border-bottom: 1px solid black;
  		   background-color: gray;
     }
 
    #header_principal h1
	 {
	 		font-size: 30px;
	 		text-align: center;
	 		color: #fff;
	 		margin: 0;
	 		padding: 0;
	 }
 
     #mainnav
	 {
	 		height: 25px;
	 		background:#DAE0D2 url("bg.gif") repeat-x bottom;
	 		color: #272900;
			padding: 2px 0;
			margin-bottom: 0px;
	 }
 
	 #mainnav ul
	 {
	 		margin: 0 0 0 50px;
	 		padding: 0;
	 		list-style-type: none;
	 		border-left: 1px solid #C4C769;
	 }
 
	 #mainnav li
	 {
	 		display: inline;
	 		padding: 0 70px;
	 		border-right: 1px solid #C4C769;
	 }
 
	 #mainnav li a
	 {
	 		text-decoration: none;
	 		color: #272900;
	 }
 
	 #mainnav li a:hover
	 {
	 	text-decoration: none;
	 	color: #fff;
	 	background-color: #C4C769;
	 	border-bottom: 1px solid green;
	 }
 
    #menu
	 {		
		width: 160px;
		margin-right: -3px;		
		line-height: 165%;
	    border-right: 1px solid #765;	    
		background-color: white;
		float: left;
	 }
 
	 #menu ul
 	 {
		font: 85% arial, hevetica, sans-serif;
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	 }
 
	 #menu ul a:hover
	 {
		color: #fff;
		background-color: #B52C07;
	 }
 
	 #contents
	 {	 			 				                
		 margin-left: 0px;           
                  margin-right: 0px;           
                  padding: 0em;           
                  background-color: aqua;		    		            
                 width:100%
	 }
 
Muchas gracias. 
   
 

 
 
