Problema height in div che contiene block

[Sonikag]

Ho un div che contiene dei link rappresentati da un quadratino:

<div id="works">
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
<span class="nasc">Lavoro 1</span>
...	
</div>

<div id="pdf">
...
</div>

#works, #pdf {
width:98px;
margin:auto;
border-top: 1px dashed #808080;
padding-top:12px;
padding-bottom:12px;
padding-left:8px;
text-align:left;
}

a.rolw{
display:block; 
position:relative; 
width:10px; 
height:10px; 
background:url(img/graf/quad1.jpg) top left repeat-y;
margin:5px 8px 5px 2px;
float:left;
}

.nasc {display:none;}

Su ie tutto ok, su ff il box works non mi prende la giusta altezza e il border-top del div sottostate viene visualizzato in mezzo ai miei link.

[Sonikag]

clear:left; sullo stile #work e tutto si è risolto!