Bilder wollen nicht ohne Rand

[Nirallo]

Hallo,
habe wieder ein Problem mit meinem Menü. Es besteht aus mehreren gifs alle mit der selben Höhe. Nun möchte ich diese in meinem div container wieder zu einem Ganzen zusammenfügen. Leider kommt es dabei zu zwischenabständen der grafiken (oben/unten). Habe versucht dies zu umgehen indem ich eine tabelle im container erstellt habe aber dabei taucht das gleiche problem auf... hab auch beim tabellenversuch alle ränder etc genullt, aber nichts.. der code:

<div class="box2">
<img src="pics/m1.gif" width="220" height="40">
<img src="pics/m2.gif" width="220" height="40">
<img src="pics/m3.gif" width="220" height="40">
<img src="pics/m4.gif" width="220" height="40"></div>


css:
.box2 {
background-color:white;
position:absolute;
left: 0px;
top: 220px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: block;
clear:both;
width: 220px;
height: 400px;
z-index:1;
visibility:visible !important;
overflow:visible

}

 

[prm]

Versuch's mal damit:

.box2 img {display: block;}

und .box2 kannst du reduzieren auf

.box2 {
background-color:white;
margin-top: 220px;
clear:both;
width: 220px;
height: 400px;
overflow: auto;
}