Error de ubicacion de una div

[kuervito]

Tube un problema al tocar la paginacion de mi blogger pero no logro encontrar el error :S

El blog se ve asi, donde esta marcado en rojo es donde esta la paginacion actual, y en Azul donde deberia estar



Este es el CSS:

Código HTML:

#blog-pager-newer-link {
    -moz-border-radius: 10px 10px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
    background: none repeat scroll 0 0 #EAEAEA;
    bottom: 100%;
    float: left;
    padding: 10px;
}
#blog-pager-older-link {
    -moz-border-radius: 10px 10px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
    background: none repeat scroll 0 0 #EAEAEA;
    float: right;
    padding: 10px;
}
#blog-pager {
text-align: center;
}

Este es el html:

Código HTML:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div> 

Gracias de antemano :D