Div rendering problem with Firefox

[snorkler]

What I want to happen works well in IE, but in firefox it seems to create a problem.
My basic setup is as follows
<div id="wrapper"> widht: 800px;
    <div id="masthead">  Width of Wrapper Div
    </div>
    <div id="navigation">  Sits Under Masthead No Float width of wrapper div
        <ul id="nav">
        </ul>
    </div>
    <div id="siderbar">    Float: left; width:  200px;  Sits as sidebar on left
    </div>
    <div id="MainContent"> Float:left;  Fills to right of the sidebar
    </div>
    <div class="clear"></div>  clears floats
    <div id="footer">  width: 800px;
    </div>
</div>

It all seems to work well except when I try to place images into the sidebar, all of a sudden the background of the footer Div is underneath the MainContent and underneath the Siderbar(the background image for the sidebar remains in tack.

so if I try
<div id="sidebar">
  <img src="#"></img>
</div>

it fails to render correctly in Firefox.  It also seems to occur if I have a form in the sidebar as well.

[wildteen88]

Can you post a live example please instead of just code. Its hard to suggest something for you to do, with out seeing the actual problem.

[snorkler]

I had some friends have a look and it all seemed to work for them.  However it's still happening to me.

[url=http://www.equityapex.com/snolodging/lodges/facilities.php?accomm=SampleLodgev]http://www.equityapex.com/snolodging/lodges/facilities.php?accomm=SampleLodgev[/url]

also on the 'make a booking' page when i click on a pull down menu, the background colour for the maincontent changes from white to the footer colour