div overflow when no height is set

[singedpiper]

so, i'm making a news page, which contains articals of an unknown length. the articals consist of a div (class= "news") containing:
div class= newsheadline
div class= newsdate
div class= newsartical

all the heights are unset, but i want news to stretch to the size of it's content, and i.e. does so (suprisingly), but ff doesn't.

html

<div class="news">
<div class="newsheadline">Artical Headline</div>
<div class="newsdate">05/05/05</div>
<div class="newsartical">
This is a test of the news page lorem ipsum dolor sit amet quitolis pecata mundi dona eis requiem domine et filie imorabile et jesu christe.
</div>
</div>


css

.news
{
width: 400px;
min-height: 1px;
border: solid 1px #777;
background-color: #eee;
margin:5px;
padding: 10px;
}
.newsheadline
{
width: 270px;
float: left;
font-weight: bold;
}
.newsdate
{
width: 100px;
float: right;
text-align: right;
font-weight: bold;
}
.newsartical
{
background-color: #eee;
height: 20px;
width: 400px;
clear: both;
}

[_Aerospace_Eng_]

Lose the height in the div with class newsarticals.