Problème image avec Chrome et Safari (Webkit)

Bonjour,

J'ai un problème assez embêtant et pour une fois c'est pas IE qui fout la merde mais bien Chrome, Chromimu et Safari, apparemment tout les navigateurs qui tournent sous Webkit:

Sous Firefox et IE voici le résultat correct:

http://img194.imageshack.us/img194/8349/capturedcran20101220091.png

Et le résultat sous Chrome, Chromium et Safari (Windows et Mac):

http://img513.imageshack.us/img513/8349/capturedcran20101220091.png

Voici la source html:

<div id="c18" class="csc-default" >
    <div class="csc-textpic csc-textpic-center csc-textpic-above">
	    <div class="csc-textpic-imagewrap" style="width:656px;">
	    
		    <div class="csc-textpic-imagerow" style="width:656px;">
		        <ul>
		            <li class="csc-textpic-image csc-textpic-firstcol" style="width:212px;">
		                <img src="uploads/pics/T8.jpg" width="212" height="247" border="0" alt="bla bla" title="Hello" />
		            </li>
		            <li class="csc-textpic-image" style="width:212px;">
		                <img src="uploads/pics/T10.jpg" width="212" height="247" border="0" alt="" />
		            </li>
		            <li class="csc-textpic-image csc-textpic-lastcol" style="width:212px;">
		                <img src="uploads/pics/T7.jpg" width="212" height="247" border="0" alt="" />
		            </li>
		        </ul>
		    </div>
		    
		    <div class="csc-textpic-imagerow" style="width:656px;">
		        <ul>
		            <li class="csc-textpic-image csc-textpic-firstcol" style="width:212px;">
		                <img src="uploads/pics/T8.jpg" width="212" height="247" border="0" alt="bla bla" title="Hello" />
		            </li>
		            <li class="csc-textpic-image" style="width:212px;">
		                <img src="uploads/pics/T10.jpg" width="212" height="247" border="0" alt="" />
		            </li>
		            <li class="csc-textpic-image csc-textpic-lastcol" style="width:212px;">
		                <img src="uploads/pics/T7.jpg" width="212" height="247" border="0" alt="" />
		            </li>
		        </ul>
		    </div>
		</div>
	</div>
</div>

Et le CSS:

.csc-textpic-imagerow ul {
	margin: 0;
    padding: 0;
    list-style: none;
}

.csc-textpic-imagerow li {
	float: left;
}

C'est TYPO3 qui génère cette source html, c'est pourquoi il y a toutes ces div
Les styles de bases de TYPO3 sont désactivés, uniquement les styles que j'ai mis plus haut s'applique.

Je ne sais absolument pas de quoi cela vient-il, si une personne pourrait me donner un coup de main, une piste.
Merci d'avance

J'ai réussi à trouvé une solution, j'ai du mettre un width à ma div #content situé plus haut et là toutes les images s'affiche.

C'est bizarre je n'ai jamais eu à faire cela...si quelqu'un pourrait m'expliquer le pourquoi du comment...
Merci