CSS Anomaly with floating divs of different sizes

[StevePBurgess]

I have a website which, on the main page, has two floating divs. One
contains a list of navigation menu items and the other is themain
content of the page.

Occasionally that div that contains the menu is longer than the div
that contains the main content. This displays perfeclty well on Firefox
but on internet explorer the bottom bit of the navigation div is
chopped off so that it is the same height as the (smaller) main content
div.

The css for the two divs is shown below. Any thoughts? I have tried it
with and without the height property.

Many thanks.

..navigation
{
margin:0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
float:left;
width:20%;
text-align:left;
height:auto;
font-size:small;
border-right:2px solid #000066;
border-bottom:2px solid #000066;
border-left: 0px solid #000066;
background-color: #ffffff;
}

..maincontent
{
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 20px;
text-align:left;
height:auto;
float:left;
background-color: #ffffff;
border-bottom:1px solid #000066;
width:70%;
border-left:0px solid #000066;
}

[Jim Moe]

St***********@gmail.com wrote:

Occasionally that div that contains the menu is longer than the div
that contains the main content. This displays perfeclty well on Firefox
but on internet explorer the bottom bit of the navigation div is
chopped off so that it is the same height as the (smaller) main content
div.

Please provide an URL.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)