Problema immagini

[keyascii]

Ciao a tutti,
sono nuovo del forum e un po' anche della programmazione web.
mi sto cimentando nella costruzione di un sito e sto provando a farlo con l'ausilio dei css.
Ho un problema con delle immagini nei div... vi spiego il problema:

<div id="top">
... codice php ....
</div>

<div id="menu_orizzontale">
... codice php .....
</div>

<div id="corpo" align="right" style="background-image:url(/immagini/corpo_home.jpg)">
.... codice php...
</div>


il css è questo:
#top {
background-image:url(/immagini/testata.jpg);
height:165px;
width:800px;
}

#menu_orizzontale {
background-image:url(/immagini/menu_orizz.jpg);
text-align:center;
height:165px;
width:800px;
}

#corpo {
background-repeat:no-repeat;
width:100%;
height:400px;
float:left
}

Fin qui tutto sembra filare liscio.
Purtroppo ho la necessità di applicare un ombra ai link presenti nel div #menu_orizzontale e #top per cui devo costruire delle mappe nei file immagine e linkarle.
Il problema sorge quando tolgo l'immagine di background dal css e la inserisco direttamente nei div come di seguito:

<div id="top">
[img]/immagini/mappe/home.jpg[/img]
</div>
<div id="menu_orizzontale">
[img]/immagini/mappe/orizz_nosel.jpg[/img]
</div>
<div id="corpo" align="right" style="background-image:url(/immagini/corpo_home.jpg)">
.... codice php...
</div>

A questo punto, i tre div si staccano e non c'è verso di farli riattaccare.
Mi sembra di averle provate davvero tutte, i vari padding 0px, i float left, i margin-top 0px, tutto ma i div restsano staccati.
Quindi: se le immagini sono di background nei div da css tutto regolare, se inserisco l'immagine (<img src.....>) i div si staccano.
Sono due giorni che ci sbatto la testa, sapete aiutarmi?

Grazie e.... buonanotte.
Keyascii (Antonio)

[salasir]

Inizia ad eliminare padding e margin

* { padding: 0px; margin: 0px; }

e poi ad impostarli dove e come vuoi.
Se non indichi alcuna formattazione, i browser applicano dei valori standard (un css di default) con margini e padding a piacere.

Inoltre, mischiando formattazione inline e nei css, a volte i browser vanno in confusione e non sanno più quale indicazione prendere.
Background e immagini che servono per la grafica, devono essere indicate nel CSS.
Nella pagina devono esserci solo le immagini correlate al contenuto.

[keyascii]

Purtroppo è un tentativo che avevo già fatto senza risultati.