error de tablas en IE7

[gills]

Hola, soy nuevo en el diseño web. He creado mi primera página escribiendo el código desde editor, para poder aprender a la par que creaba la página.
Al grano, en Firefox, Chrome y IE8 la página se ve bien, a falta de algun retoque en el background.
En IE7, el menu horizantal de la cabecera de arriba a la derecha, salta de línea. Es un tabla de 3 columnas y en la tercera es donde está el menu. Me temo que el error es algun estilo de la tabla.
Gracias por adelantado. Se aceptan críticas, seguro que está todo hecho un lío.

Adjunto CSS:

[CODE]#tabla {

position:absolute;
background-color:#CC0000;
padding: 0px;
margin-right: 0px;
width:1280px;
border: 1px solid black;
}

#generacion {
font-family: Century Gothic, sans-serif;
padding: 10px;
font-size: 15px;
letter-spacing: 4px;
color: #fff;
background-color: #CC0000;
float: center;
margin-top:-5px;


}

#menuhorizontal{
width:480px;
padding:10px;
margin-bottom:0px;
margin-top:20px;


}

#button {
padding: 0px;
}

#button li {
display: inline;
padding: 0px;
}

#button li a {

font-family: Century Gothic, sans-serif;
font-size:14px; list-style-type:none;
text-decoration: none;
float:right;
padding: 17px; //separacion
background-color: #DC0000;
color: #fff;
}

#button li a:hover {
background-color: white;
color: black;
padding-bottom:14px;
}

#columna
{
position:absolute;
%2

[gills]

bueno parece que eso ya se ha solucionado, aunque no se bien como, iba tocando y zas!
El otro problema es que la columna de la izquierda #columna se monta unos píxeles sobre la cabecera, y solo pasa con el IE7.

Y por útilimo la galeria de imágenes de la cabecera, cuando pasas el cursor se amplia con hover, pero esto hace desplazar la tercera columna de la tabla y ya no regresa a su posición.

También solo con IE7

Gracias