How to customize background and border of a Facebook Like Box

This is an example page. Read the blogpost. Tested in Chrome 11 on Mac only for now.

Default appearance

 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fkosmarde%2F204492006259664&width=300&colorscheme=light&show_faces=false&stream=true&header=false&height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:395px;" allowTransparency="true">
 </iframe>

Modified appearance

<div id="likeboxwrap" style="width:298px; height:393px; background: #FFFFCC; border:1px dashed #FF3300; overflow:hidden;">

 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fkosmarde%2F204492006259664&width=300&colorscheme=light&show_faces=false&stream=true&header=false&height=395" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:395px; margin: -1px;"
allowTransparency="true">
 </iframe>

</div>