få div tag til at nå bunden?

Hej,

på http://130.225.62.21/cru/index.php?id=3 har jeg lidt problemer med designet, når det ses i Firefox

I IE 6.0 og 7.0 ser det fint ud, men i Firefox, går mine menuer i venstre og højre side ikke helt ned til bunden.

Dette bevirker at baggrunds-billedet som er sat i body{} skærer ind i mit design - og det er noget hø!

venstre menu er opbygget således:

<div id="leftcol">
            <div class="left_header">Seneste Nyt</div>
            <div class="left_col">       
                <div class="article_container</div>
                <div class="eu_field">DEN EUROP&AElig;ISKE UNION
                    <div class="eu_left">Den Europ&aelig;iske Socialfond</div>
                    <div class="eu_right"><a href="http://www.socialfonden.dk/" target="_blank" title="Den Europæiske Socialfond"><img src="images/left_col/eu_flag.gif" style="display:block;" border="0" alt="Den Europæiske Union - Den Europæiske Socialfond" /></a></div>
                </div>
            </div>
        </div>

med følgende css kode:

DIV { background-color: #FFFFFF; }
#leftcol {
    font-family:Arial, Helvetica, sans-serif;
    width: 145px;
    clear: none;
    float: left;
}

.left_header {
    float:left;
    width:145px;
    background-image: url(../images/left_col/header_bg.gif);
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
.left_col {
    float:left;
    width:145px;
    background-image: url(../images/left_col/main_bg.gif);
    margin: 0;
    padding: 0;
}
.article_container {
    width:143px;
    height:400px;
}

.eu_field {
    font-family: Arial, Helvetica, sans-serif;
    width:145px;
    margin-top: 35px;
    padding-top:15px;
    font-size: 10px;
    border-top: dashed #b5b8b9 1px;
}

.eu_left {
    width:90px;
    line-height:17px;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    margin-bottom: 35px;
    }
.eu_right {
    float:right;
    padding-right:2px;
    margin-bottom: 35px;
}



Nogle bud på hvorfor det ser ud som det gør?


På forhånd tak for hjælpen.