Sí, bueno, si le estás poniendo un clear: both, obviamente nunca se van a poner lado a lado.
Yo lo haría a que quede algo más o menos así (obviamente dentro de un loop de Wordpress, pero que el resultado final sea así):
<ul class="publicaciones">
<li>Revista:<br />
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<img src="<?php echo catch_that_image() ?>"/>
</li>
<li>Revista:<br />
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<img src="<?php echo catch_that_image() ?>"/>
</li>
<li>Revista:<br />
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<img src="<?php echo catch_that_image() ?>"/>
</li>
</ul>
Si todo funcionara como es debido bastaría con que pusieras ul.publicaciones { display: table; } ul.publicaciones li { display: table-cell; width: 33%; } pero como IE no los interpreta bien lo más probable es que tengas que hacer esto:
ul.publicaciones { display: block; float: left; width: 33%; }
y como los elementos flotados no contribuyen a la altura del elemento padre hay que agregar:
<div style="clear: both;"></div>
después del </ul>
Eso extenderá el div dentro del cual está metida la lista.