How can I change the breadcrumb elements from to ?

I want to markup breadcrumbs semantically in SharePoint 2010 using an ordered list and list items. I've been playing around but can't work out how to do this.

            <ol class="breadcrumb">
              <SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
              <ContentTemplate>
                <asp:SiteMapPath runat="server" CurrentNodeStyle-CssClass="active"></asp:SiteMapPath>
              </ContentTemplate></SharePointWebControls:UIVersionedContent>
            </ol>

I feel like NodeTemplate may be what I'm after but I don't know exactly what to specify to change this via the Page Layout.

Worth mentioning I only have access to the Master Page and Page Layouts.

Is there a way to change the server output?

Quick edit: This is how the page renders currently:

<ol class="breadcrumb">
  <span>
    <a href="#ctl00_PlaceHolderTitleBreadcrumb_ctl00_ctl00_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=ytI7Ur6J1nk-W3jVI98_jg9IhzHTXPaI1-2DVzNFmMa20quwGFiFqb51k5TUtCzrWWa_162Wev-cjvPFi5BOyUml4EQ1&amp;t=635295491132453548" style="border-width:0px;"></a>
    <span><a title="Test Site" href="/Pages/Home.aspx">Test Site</a></span>
    <span> &gt; </span>
    <span><a title="Parent" href="/Ash/Pages/Parent.aspx">Parent</a></span><span> &gt;     </span>
    <span class="active">Monkey</span>
    <a id="ctl00_PlaceHolderTitleBreadcrumb_ctl00_ctl00_SkipLink"></a>
  </span>
</ol>