I have been looking for a beginners guide on how to format my XML file - without success. I'm very familiar with CSS, however I don't quite get XSLT and this FO business.

How, for example would I format this HTML into XSLT and FO?

<div id="asd" class="rounded small left">
<img src="images/tl.gif" class="tl" />
<img src="images/tr.gif" class="tr" />
<h2>asd</h2>
<div class="intro">
<p>asd</p>
<a href="/asd/">Learn more...</a> </div>
<img src="images/bl.gif" class="bl" />
<img src="images/br.gif" class="br" />
</div>

They link to my CSS file. I'm assuming it would be sorta like:

<site>
<page>
<top><img src="images/tl.gif" class="tl" /><img src="images/tr.gif" class="tr" /></top>
<title><![CDATA[ <h2>asd</h2> ]]></title>
<intro><![CDATA[ <p>asd</p><br /><a href="/asd/">Learn more...</a> ]]>
</intro>
<bottom>
<img src="images/bl.gif" class="bl" /><img src="images/br.gif" class="br" />
</bottom>
</page>
</site>

.rounded
{
border: 1px solid #000;
position: relative;
padding: 9px;
margin: 9px 9px 0 0;
background: #fff;
}