Bueno al final aclare el porque me pasaba eso de que segun la velocidad el raton que tuviera, a veces se iban algunos rectangulos.
Esto ha sido porque, la unica manera de que funcionara era no dejando espacio (como mi proposito primero fue dejando espacio y no me valia), asi que no esque no deje espacio apenas, sino que los junte hasta el punto de mezclarlos, no era mucho, pero al parececer esto parece que era el problema.
Hice una prueva, juntandolos al maximo pero sin mezclarlos, claro ayudado de Inkscape, que tiene estas opciones y lo deja perfecto.
Asi este tema queda solucionado y dejo en este foro, la solucion terminada, con el titulo:
Como se hace un menu desplegable con imagenes vectoriales usando solo css
o pinchando en este enlaze:
http://www.forosdelweb.com/f4/como-h...o-css-1150052/