Float:left problem.

Jeg har to problemer når jeg benytter mig af css til min side. Det første problem opstår når jeg sætter en masse billeder + tekst til float: left. I IE laver den to rækker som den skal, men ved den tredje laver den kun 3 billeder og viser så efterfølgende 2 billeder nedenunder hinanden. Jeg har prøvet at se på koden der bliver spyttet ud men den ser helt fin ud:

<div id="fil">
<div class="filhead">Filoversigt</div>
<div class="visning">
<a href="../upload/billeder/about_hover.gif"><img src="billeder/fil.gif"><br>about_hover.gif</a>
<a href="../upload/billeder/arbejdsgiver.gif"><img src="billeder/fil.gif"><br>arbejdsgiver.gif</a>
<a href="../upload/billeder/arrow.gif"><img src="billeder/fil.gif"><br>arrow.gif</a>
<a href="../upload/billeder/atb_blog.gif"><img src="billeder/fil.gif"><br>atb_blog.gif</a>
<br class="clear">
<a href="../upload/billeder/background.gif"><img src="billeder/fil.gif"><br>background.gif</a>
<a href="../upload/billeder/background.jpg"><img src="billeder/fil.gif"><br>background.jpg</a>
<a href="../upload/billeder/background2.gif"><img src="billeder/fil.gif"><br>background2.gif</a>
<a href="../upload/billeder/baggrund.gif"><img src="billeder/fil.gif"><br>baggrund.gif</a>
<br class="clear">
<a href="../upload/billeder/baggrund.jpg"><img src="billeder/fil.gif"><br>baggrund.jpg</a>
<a href="../upload/billeder/baggrund.png"><img src="billeder/fil.gif"><br>baggrund.png</a>
<a href="../upload/billeder/baggrund4.gif"><img src="billeder/fil.gif"><br>baggrund4.gif</a>
<a href="../upload/billeder/baggrundlober.gif"><img src="billeder/fil.gif"><br>baggrundlober.gif</a>
<br class="clear"><a href="../upload/billeder/first.txt"><img src="billeder/fil.gif"><br>first.txt</a>
</div>
</div>   
</div>

I FF viser den den helt korrekt, men udelader den sidste række i selve <div id="fil">. Se evt. billederne for bedre forståelse.
http://www.jblog.dk/ie.gif og http://www.jblog.dk/ff.gif

css filen:
#fil {
width: 480px;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 50px;
padding-bottom: 20px;
font-size: 8pt;
background-image: url(../billeder/komponent.gif);
border-bottom: 1px solid #2A4DAB;
border-left: 1px solid #2A4DAB;
border-right: 1px solid #2A4DAB;
}

#fil .filhead {
width: 100%;
height: 23px;
background-image: url(../billeder/head.gif);
background-repeat: repeat-x;
line-height: 1.9em;
color: #FFF;
font-weight: bold;
font-size: 8pt;
padding-bottom: 20px;
}

#fil .visning {
width: 440px;
margin-left: 25px;
display: block;
}

#fil .visning a{
width: 100px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
float: left;
text-align: center;
text-decoration: none;
color: #000;


}
#fil .visning img {
border: 0px;
}

#fil .visning a {
}

#fil .visning a:hover {
}

#fil .visning .clear {
clear: both;
}

.mappe {
width: 150px;
margin-left: 165px;
font-weight: bold;
}


.mappe #titel {
width: 150px;
border: 1px solid #A7A6AA;
font-family: Verdana;
font-size: 8pt;
height: 19px;
margin-top: 9px;
margin-bottom: 10px;
}

.mappe #select {
border: 1px solid #A7A6AA;
font-family: Verdana;
font-size: 8pt;
height: 20px;
width: 150px;
}

.mappe #submit {
border: 1px solid #A7A6AA;
font-family: Verdana;
font-size: 8pt;
height: 20px;
width: 150px;
}


.mappe .filhead p.tekst {
padding-left: 5px;
}

.mappe .tekst {
margin-left: 50px;
}


Håber i lige kan hjælpe mig for aner ikke hvordan jeg skal komme videre.