CSS and Firefox

Hi

I am still getting my head around XHTML and CSS. I can't get this page to sit as it should in Firefox, of course it looks good in IE but I prefer Firefox. I have validated both XHTML and CSS to no avail. I have tried both percentages and fixed widths, pixels and ems.

Can you help please?

//users.ncable.net.au/~marcks/website
//users.ncable.net.au/~marcks/website/montague.css

or


#container {
border: 1px solid #030;
width: 950px;
margin: 10px auto;
background: url(images/background_green.jpg) repeat-y 0 100%;
}
#header {
width: 950px;
margin: 0;
padding: 15px 0 0 15px;
background-color: #030;
}
#nav {
width: 180px;
margin: 0;
padding: 5px;
text-align: left;
float: left;
font-size: 75%;
}
#content {
width: 360px;
margin-left: 190px;
padding: 5px;
text-align: justify;
}
#images {
width: 300px;
margin: 0;
padding: 5px;
text-align: right;
float: right;
}
#clear {
clear: both;
font-size: 75%;
}

<div id="container">
<div id="header">image here</div>
<div id="nav">text here </div>
<div id="content"> text here </div>
<div id="images">2 images width 270px</div>
<div id="clear"></div>
</div>

where's the problem? looks exactly the same here in both IE and FF.

are you working with IE 7 or older?

When I look at it in Firefox there is a gap on the righthand side and the 2 images are below.

I did find an answer and have now fixed it.

Thanks for taking the time to look