E' normale: IE7 ed ie6 hanno due visualizzazioni del codice molto diverso. In special modo se metti il doctype, ma questo esula dal problema.
Cosa vuoi ottenere?
Da quanto ho capito vuoi che nel box di destra ci siano 4 prodotti la volta con dimensioni come? fisse? relative?
Se le vuoi fisse è molto semplice, se le vuoi relative si complica un po' se non modifichi anche la grandezza delle immagini. Lassa perdere i margini negativi che fanno solo casini.
Butto lì una possibile soluzione, anche se pure io come il rappo:
div contenitore di grandezza % rispetto a body. Ora quant'è? 80%?
<div id="contenitore" style="width:80%;">
dentro ci piazzi 4 div con larghezza del 25% l'uno, affiancati con float left; (attenta ad eventuali bordi o padding mi raccomando. nel caso ti servano, definiscili in percentulale: ad esempio padding 3%; width:19% (19 perché 25-3-3 dei due bordi))
margine automatico per centrarla, e text-align al blocco superiore.))
Per sicurezza ogni primo blocco dei 4 con clear: left;
Fantacodice (non credo sia funzionante: solo per avere un'idea):
<div id="contenitore">
<div class="anteprima primoblocco"><img src="...." alt="..." /></div>
<div class="anteprima"><img src="...." alt="..." /></div>
<div class="anteprima"><img src="...." alt="..." /></div>
<div class="anteprima"><img src="...." alt="..." /></div>
......
</div>
e css:
#contenitore {width:80%}
.anteprima {width:25%; text-align:center; float:left;}
.primoblocco {clear:left;}
.anteprima img {margin:0 auto; }
Questo in teoria. In pratica, visti un casino di bugghetti metti larghezza 24% delle anteprime e risolvi al volo un sacco di rotture di OO.
Ciao