Probleme mit "float" in WebKit-Broswern

[roteweste]

Hallo,

unter GoogleChrome (und nur da) rutscht bei mir die Werbung in den Inhalt, so wie auf den Bild zu sehen:

Ich vermute das es mit den Float Befehl zusammenhängt die ich die zeilen vorher verwendet habe. Hier mal der code:

<div class="info">  
          <div style="float:left"><b>Kategorien:</b>  
            <?php the_category(' ') ?>  
            <?php edit_post_link('Bearbeiten',''); ?>  
          </div>  
          <div style="float:right"> <span id="commentbutton">  
            <?php comments_popup_link(__('Kommentieren'), __('1 Kommentar'), __('% Kommentare')); ?>  
            </span> </div>  
        </div>  
        <table cellpadding="0" cellspacing="0" border="0" width="100%" height="60" align="center" style="margin: 4px 0 0 0; background:#EEE; padding: 5px;">  
          <tr>  
            <td width="268"><a href="http://www.spiegelfechter.com/wordpress/parship" target="_blank"><img src="http://www.spiegelfechter.com/img/parship_pic.jpg" width="268" height="60" border="0" /></a></td>  
            <td width="16"></td>  
            <td align="left"><a href="http://www.spiegelfechter.com/wordpress/parship" target="_blank">Partnersuche im Internet</a><br />  
              Vertrauen Sie Deutschlands Nr. 1<br />  
              Wissenschaftlich fundierter Test<br />  
              <a href="http://www.spiegelfechter.com/wordpress/parship" target="_blank">www.PARSHIP.de</a></td>  
          </tr>  
        </table>

.post .info {  
	margin: 10px 0 0 0;  
	text-align:left;  
}  
  
#commentbutton a:link, #commentbutton a:visited, #commentbutton a:hover {  
	float: right;  
	display: block;  
	width: 108px;  
	height: 21px;  
	margin: 4px 0 0 6px;  
	padding: 5px 0 0 38px;  
	background: url(images/commentbutton.png) top left no-repeat;  
	font: 12px Arial, Helvetica, sans-serif;  
	color: 000;  
}

Ich hoffe ihr wisst woran es liegt.