ayuda con layout

[fullmental]

tengo un problema con firefox y otro con internet explorer (se mas bien que el problema esta con mi css) el problema es que en firefox se muestra completamente mal y en explorer tambien, pero los dos de diferente manera...

aqui el ejemplo:
http://www.golfgreg.com/pgam/indexlayout.html

problema en firefox:
se supone que el bloque amarillo (#columnaA2) deberia desplazar a el bloque gris que dice copyright stuff (#footer) hacia abajo como lo hace en explorer, pero en firefox no lo hace...

problema en explorer:
se supone que la #columnaA y #columnaB deberian estar una junto a la otra con atributos float:left y float:right respectivamente como se muestra en firefox pero en iexplorer no lo hace...

no encuentro la solucion si alguien me puede echar una mano!!!

[K3NNY]

Código:

<div id="noticia">
noticia uno
</div>
<div id="noticia">
noticia dos
</div>
<div id="noticia">
noticia tres
</div>

Eso deberia ser CLASS en ves de ID. El ID es unico, si tenes mas de un objeto que usa el nombre "notica" entonces deberias ser class.

Proba poniendole la propiedad clear:both; a todos los bloques que queres que queden abajo de las noticias.

[fullmental]

ok ya probe con los class para noticias (sabia que algo andaba mal con eso) ... pero todo lo demas sigue igual, no he podido resolver la posicion en explorer y la longitud en firefox.

pd. gracias por la ayuda de los class