Preblemas con FF en Float y Contenedor

[vsdlg]

Tengo este codigo dentro del body:

<div id="container">

<div class="content">
<h3 align="center">Directorio Web</h3>

<div class="right">
<h2 class="caja">Buscadores/Correo</h2>
<h1 class="cajab">Pagina Hotmail<br>
Pagina Yahoo<br>
Pagina Gmail<br>
Pagina Altavista<br>
Pagina Msn search</h1></div>

<div class="right">
<h2 class="caja">Buscadores/Correo</h2>
<h1 class="cajab">Pagina Hotmail<br>
Pagina Yahoo<br>
Pagina Gmail<br>
Pagina Altavista<br>
Pagina Msn search</h1></div>


</div>

</div>


Y en el Css, tengo este:

#container {
line-height: 80%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 500px;
background-color: #F9F9F9;
border: 1px solid #FFFFFF;
}

.content {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
border: 2px solid #EBEBEB;
margin: 1px auto;
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
}

.caja {

background: #F2F2F2;
font-family: Eurostile;
fon-size: 14px;
border: 1px solid #EBEBEB;
margin: 2px;
padding: 3px;

color: #000000;
}

h2 {
color: #000000;
font-family: Arial;
font-size: 12px;
}

h1 {
color: #000000;
font-family: Arial;
font-size: 11px;
text-align: left;
line-height: 110%;
}

.cajab {
border: 1px solid #000000;
margin: 2px;
padding: 3px;
with: 100px;
color: #000000;
}

.right {
float: left;
width: 155px;
overflow: hidden;


}



El problema es que cuando aplico los <div class="right">
el contendio (content) se sale del contenerdor (container), esto en Firefox, porque en IE si lo mete dentro del contenedor, pero no se porque sea, y desde hace mucho no entiendo el problema y me pasa seguido.

se supone que todo este dentro del contenedor:

<div id="container">


TODO LO DEMAS

</div>

No se porque cuando aplico las clases de right para alinear las cajas, se sale del contenedor o ya no lo abarca, y me doy cuenta obviamente porque el contenedor tiene un color de fondo y cuando pasa el problema se nota luego luego pues ya no lo abarca, ojala y me puedan ayudar.