Problema con maquetacion

[masterboy6666]

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.