Ho una pagina i cui contenuti sono tutti all'interno di un div wrapper centrato, vorrei però che il div barranera (e anche il footer) si estendesse a tutta la pagina e non occupasse solo il 100% del wrapper...come posso fare?


<div id="wrapper"> <div id="barranera">...
#wrapper { margin: 0; position: relative; width: 66em; margin: 0 auto; text-align: left; } #barranera { background-color: #000000; height: 3.41em; position: relative; left: 0; top: 0; width: 100%; }
Gia che ci sono...

ho anche un menù con float:right e posizionamento relativo.
Sul mac funziona tutto sia con safari che con firefox, con il pc, mi raddoppia la distanza dal top sia con firefox che con IE (dal 5 al 7).
Che cosa potrei fare?