Problema con columna 960 Grid

[analoyra]

Hola, espero que este sea el lugar indicado para poner mi problema
Estoy pasando una imagen en psd a css con Grid System

Código HTML:

<div class="container_12" >
  <div class="grid_8" id="fondo">
    <div class="calendario"> </div>
    <p>Cierre de campaña</p>
    <p>Encuentro</p>
    <p>Lunes 15 de Junio</p>
    <p>20 y 23 hs Hptel Orionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn</p>
    <p>&nbsp;</p>
  </div><!--container_8-->
  
  <div class="grid_4 omega" id="menu">
   <ul>
                <li><a href="#">Capacitación</a></li>
                <li><a href="#">Galería de Imágenes</a></li>
                <li><a href="#">Ser Consultora</a></li>
                <li><a href="#">Promociones</a></li>
      <li><a href="#">Productos Natura</a></li>
                <li><a href="#">Consejos</a></li>
                <li><a href="#">Revista Digital</a></li>
                <li><a href="#">Contacto </a></li>
    </ul>
  </div><!--container_8-->
</div><!--container_12-->
<div class="clear"> </div>
 

El problema es que el grid_8 con el id fondo no llena las 8 columnas, es decir el fondo, pero si yo escribo.. me sigue escribiendo y me baja el Grid_4 de la izquierda

Código CSS:

#fondo {
 background:url(../images/fondo1.jpg) repeat ; 
margin:0;
width:483px;
height:206px;
font-family:Tahoma, Verdana, arial, serfi;
font-size:15px;
color:#0000FF;
 
          }
 

Espero que haya sido clara, no se como acomodarlo.
Subo una impresion de pantalla. http://i47.tinypic.com/2aabp04.jpg