SharePoint: flat breadcrumb

<div id="newBreadcrumb">
<style>
/*Breadcrumb */
ul.MyBreadcrumbNode
{
    display: inline-block;
}

li.MyBreadcrumbNode
{
    display: inline-block;
    list-style-type: none;
    padding-right: 20px;
}

li.MyBreadcrumbNode > span {
    display: inline-block;
    margin-left: 10px;
}

li.MyBreadcrumbNode > a {
    display: inline-block;
    margin-left: 15px;
}

li.MyBreadcrumbNodeRoot {
    padding-right: 0;
}

li.MyBreadcrumbNodeRoot > a {
    display: inline-block;
    margin-left: 0;
}


</style>

<ul class="MyBreadcrumbNode">
    <li class="MyBreadcrumbNode MyBreadcrumbNodeRoot">
        <a href="/">Portal Root</a>
        <SharePoint:ListSiteMapPath
            runat="server"
            SiteMapProviders="SPSiteMapProvider,SPContentMapProvider"
            RenderCurrentNodeAsLink="true"
            PathSeparator=""
            CssClass="MyBreadcrumbNode"
            NodeStyle-CssClass="MyBreadcrumbNode"
            CurrentNodeStyle-CssClass="MyBreadcrumbNode"
            RootNodeStyle-CssClass="MyBreadcrumbNode"
            HideInteriorRootNodes="true"
            SkipLinkText=""
            NodeImageOffsetX=0
            NodeImageOffsetY=585
            NodeImageWidth=11
            NodeImageHeight=11
            NodeImageUrl="/_layouts/images/fgimg.png"
            />
        </li>
</ul>
</div>