les explico hace poco empece a utilizar este framework, he maquetado una pagina y el problema esta en que el encabezado lo maqueta bien, pero el cuerpo no, sale rodado hacia la izquierda,he revisado el código(asta volverme loco) y no veo el error,pongo el código haber si alguno me puede echar una mano, no pido que me hagan nada,solo que me digan si ven el error porque ya estoy que echo humo.
Código HTML:
<?php
include('libre.php');
session_start();
?>
<!doctype html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/codigo.js"></script>
<title>titulo</title>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/base.css">
</head>
<body >
<div id="header">
<header>
<div class="container_12">
<div class="grid_12">
imagen y span
</div>
<div class="clear"></div>
<div class="grid_12">
<nav>
<ul class="nav">
aqui va menu con ul y li
</nav>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</header></div>
///aqui empieza el error en el cuerpo
<div id="main" class="container_12">
<div class="grid_3">
<ul>
aqui va menu lateral
</ul>
</div>
<div class="grid_9">
aqui va noticias
</div>
<div class="clear"></div>
<div class="grid_12"><hr></div>
<div class="clear"></div>
<div class="grid_4 prefix_5 sufix_3">Patrocinado por:</div>
<div class="clear"></div>
<div class="grid_6 prefix_2" id="palma"><a target="_blank" href="aaa">
<img src="image/aaa.jpg" alt="a" title="a"></a>
</div>
<div class="grid_4" id="a">
<a href="a">
<img src="a"
title="a"></a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</body>
</html> un saludo y gracias