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

[gVenom]

intenta con algo asi

Código HTML:

background-image: url("../images/fondo1.jpg");
  background-repeat: repeat;

[analoyra]

Hola, gracias por responder. Pero me sigue quedando igual, alguna otra idea?? saludos

[chwc]

si los elementos que hay en grid_8 son float, deberias ponerle a #fondo esto:
overflow:hidden;
_height:1%; //ie hack
si es que se te mueve el texto y lo queres fijo, ponele al texto position:absolute, y le añadis un margin.

Saludos

[analoyra]

Gracias por responder!, el problema es que no me da los 620px el grid_8, incluso probe de ponerle el fondo con una imagen de las mismas dimensiones, en vez de un trocito para que me repita

Otra cosa, cuando pongo la clase clear me queda un espacio, como se saca?

[chwc]

y si cambias esto:
width:483px;
por esto?
width:620px;

[analoyra]

Gracias por responder, ahora el grid_8 mejoro, pero sigue sin "pegarse" al grid_4 que van uno al lado del otro.
Disculpen todas estas preguntas, pero es la primer aplicacion que hago con esto

Otra cosa, cuando pongo la clase clear me queda un espacio, como se saca?