Ho un layout che si basa su un css framework a griglia fissa. Fuori da questo flusso vorrei inserire un div con uno sfondo che a qualsiasi risoluzione copra orizzontalmente lo schermo.

Il mio layout è formato da un css-fw:

codice:
<div class="row">  <div class="col_16 col">... </div>  </div>
il markup si ripete per ogni sezione del sito ed ogni riga (".row") ha un width: 960px; e dei margini laterali impostati ad auto che centrano il box.
I div ".col_16 col" contenuti all'interno di .row hanno margini laterali di 10px.

Aumentando la risoluzione o utilizzando il page zoom i margini si adattano alla nuova risoluzione correttamente.

Il problema sorge quando voglio inserire un div da utilizzare come footer che non abbia i margini di ".row" e che occupi per intero lo schermo.
<div class="row">

codice:
<div class="row">  <div class="col_16 col">... </div>  </div>

<div id="footer">...</div>
Il footer se aumento il page zoom mi viene troncato e il che non è bello a vedersi...
Spero di essere stato esaustivo.