[CSS] Larghezza in percentuale di FB comments

Salve a tutti, sto cercando di applicare sia via css sia via codice una percentuale di larghezza. Ecco il codice che sto usando:

            <div id="fb-root" style="width: 80%"></div>
            <script src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script>
            <fb:comments href="http://altervista.org" num_posts="5" width="auto"></fb:comments> 

Però la larghezza rimane quella di default (500px c.a.).
Qualcuno di voi sa come fare? Mi servirebbe per le risoluzioni mobile.
Grazie mille. Saluti, Davide!

[sevenjeak]

Strano.

Utilizzando il tuo codice, e cambiando l'attributo width, da auto, ad una dimensione espressa in px la dimensione mi viene cambiata correttamente.

Sì ma ridimensionando la finestra rimane costante. Dovrebbe ridursi o allargarsi!

Non ho la possibilità di modificare il post risalente al 19/11/2011, ma sono andato "avanti".
Ovvero vorrei farlo con javascript visto che con css non sono capace o meglio, non so farlo.
Anche con il codice commentato il risultato è lo stesso :/
Grazie mille per l'aiuto :)

    <script type="text/javascript">
        var box = document.getElementsByTagName("fb:comments");
        var boxwidth = box[0].getAttribute("width");
        
        /*for (var i = 0; i < box.length; i++) {
            var boxall = box[i];
            var boxwidth = boxall.width;
        }*/
        
        alert("inizio");
        alert("width of element 'box': "+boxwidth);
        alert("fine");
        
        /*resolution = screen.width;
        alert("Screen width: "+resolution);*/
    </script> 

Il risultato di firebug con Firefox 8 è:

box[0] is undefined -> var boxwidth = box[0].getAttribute("width");