Salve a tutti, questo è il mio primo thread.

Sono abbastanza spigliato nell'uso di HTML e CSS e generalmente non chiedo aiuto, ma ora lo chiedo perché mi ritrovo un problema caparbio.

Se si visita il sito in questione con Firefox, lo si vede nel modo corretto; se lo si visita con IE7 (con cui sto testando ora, ma probabilmente è uguale per quelli precedenti) si nota che molti DIV (se non tutti) hanno uno spazio inferiore che rovina il layout: il problema è che non riesco ad eliminare quello spazio inferiore.

Il CSS dei tubi orizzontali è:
codice:
.glasspipe{
	background-image: url(../images/glass_pipe.gif);
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
	clear: both;
}
Vari tentativi che ho fatto:

padding: 0;
margin: 0;
border-collapse: collapse;
height: 5px;

le ho provate di tutte... ma proprio non se ne va...ci sono idee?

Grazie in anticipo a quanti parteciperanno
Raccoon29