Tengo este div:
   Código PHP:
    <style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
#general{
   margin:0 auto;
   min-width:500px;
   max-width:100%;
   background-color:#999;
   min-height:30px;
   text-align:center;
}
.contenedor_opciones{
   margin:0 auto;
   width:500px;
   border:#000000 1px solid;
   min-height:30px;
   text-align:center;
}
.opciones{
   margin:0 auto;
   width:100px;
   color:#000000;
   font-weight:normal;
   font-size:12px;
   text-align:center;
   float:left;
}
 
</style>
 
<body>
<div id="general">
   <div class="contenedor_opciones">
      <div class="opciones">dgdg<br><br>adihi</div>
      <div class="opciones">fhfhdfh</div>
   </div>
</div>
</body> 
    
  El problema es que a la hora de hacer el <br>, el div contenido_opciones, no baja... 
es por, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">. 
¿Porque me pasa esto?No se puede remediar esto?
Que es lo que hace realmente ese codigo. ¿Se podria poner otro?