BuonGiorno e buon anno a tutti voi.

Sto provando a creare un layout fluido.
Il problema rimane nelle immagini. Il template è abbastanza basico (realizzato con photoshop e importato con le slice e css) una grande pic nell'header e un footer con 6 pic a mo di menu.

La pic centrale grande riesco a farla dimensionare a secondo delle dimensioni.
codice:
<div id="header"> [img]immagini/01.gif[/img]
codice:
#header { clear: both; float: left; margin-left: 0; width: 100%;
Le 7 pic ho pensato di inserirle dentro una div

codice:
</div> <div id="footer">
[img]immagini/03.gif[/img]
[img]immagini/04.gif[/img]
[img]immagini/05.gif[/img]
[img]immagini/06.gif[/img]
[img]immagini/07.gif[/img]
[img]immagini/08.gif[/img]</div>
codice:
#footer { clear: both; float: left; margin-left: 0; width: 100%; height: 90px; display: block; background-color: #000; } #home-01-03_ { margin-left: 0%; width: 100%; display: block; }
Non riesco a capire perchè le immagini non si ridimensionano cambiando visualizzazione.
Dove sbaglio?

Grazie