salve a tutti
ho un problema che non riesco a srisolvere da giorni ormai.
Ho provato in tutti i modi, ma non riesco a capire il motivo.

Ho una pagina html semplicissima, questo il codice:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
<!--
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888; }
body { margin:0px; padding:0px;  }
div { float:left; text-align:left; }
.wrapper { width:100%; border:0px; }
.container { width:940px; margin:0px auto; text-align:center; float:none; }
-->
</style>
</head>

<body>
<div class="wrapper" style="background:#FF0000;"><div class="container">
S    
</div></div>


<div class="wrapper"><div class="container">
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_tweet"></a>

    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f28872d7cc73a33"></script>
    </div>
</div></div>


<div class="wrapper" style="background:#FF0000;"><div class="container">
a</div></div>

</body>
</html> 
se inserisco il bottone di condivisione di twitter mi crea una barra di scorrimento orizzontale!
Penso che il problema sia attribuito al valore float:left dei div in generale,
ma non mi funziona nemmeno se dichiaro .addthis_toolbox div { float:inherit; }

Altra cosa.. i problemi li riscontro su firefox.
Qualcuno riesce ad aiutarmi?