evitar que los div se solapen

[evoarte]

hola,

lo he intentado de mil maneras pero no de la correcta. el problema es que la imagen no es completamente el enlace que se pretende, es decir, no se activa en enlace en toda la superficie de la imagen, el div que hay a la derecha class=entrablogte ocupa el espacio hacia la izquierda.

por favor, me estoy volviendo loco.

css:

Código CSS:

.eblog{position:relative;}
.eblog img{border:0px;}
.eblog{font-family:Capriola,sans-serif;margin:0 0 40px 40px; width:820px; height:350px; padding:10px; overflow:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left;}
.eblog a{outline:none;}
    
.entrablogi{position:relative;width:370px;float:left;}
.entrablogii{position:relative;width:370px;float:left;left:30px;}
.entrabloge{clear:both;margin-bottom:20px;}
    
.entrablogim{position:relative;float:left;}
.entrablogte{position:relative;left:10px;padding:0px 5px;}
.entrablogli{height:5px;}
.entrablogex{font-size:12px;}
 

html:

Código HTML:

<div id="artiblog" class="eblog">
 
<div class="entrablogi">
 
<div class="entrablogim">
<a class="lightbox" data-rel="lightbox" title="" href="">
<div class="post-thumbnail-feed"><img width="150" height="150" src="" class="attachment-thumbnail wp-post-image" alt="" /></div>
</a></div>
                    
<div class="entrablogte">
<div><a href="">enlace</a></div>
<div class="entrablogli"></div>
<div class="entrablogex"></div>
</div>
                
</div>
 
<div class="entrablogii">
 
<div class="entrablogim">
<a class="lightbox" data-rel="lightbox" title="" href="">
<div class="post-thumbnail-feed"><img width="150" height="150" src="" class="attachment-thumbnail wp-post-image" alt="" /></div>
</a>                        
</div>
 
<div class="entrablogte">
<div><a href="" target="_blank">titulo</a></div>
<div class="entrablogli"></div>
<div class="entrablogex">extracto.</div>
</div>
 
</div>
 
</div>
 

gracias.