Ya sé que nadie me está haciendo demasiado caso, pero yo a lo mio... 
 
 
Al final he hecho 3divs (columnas) y una <ul> dentro de cada div con seis <li> dentro. float left a la primera y a la del centro, y float right a la de la derecha. Y margenes entre columnas funcionando bien, el problema lo tengo ahora con los margenes superior e inferior entre cada li, ¡me los superpone! 

 si le doy margin:5px 0; a cada <li> para que me haga 10px de separacion entre elementos solo me deja 5px y no sé por que, alguna idea?? 
PD no se si tiene algo que ver pero dentro de cada <li> hay una <a> y dentro una <img> con su width y height especificados... 
GRACIAS comunidad!!!
