[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:

Codice PHP:

---

<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! :wink:

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 :)

Codice PHP:

---

<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 è:

Citazione:

---

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

---