10px margin in IE but not Firefox?

I have a page with a classic 3 column layout, with a footer

There is a margin of around 10px between the bottom of the columns and the footer in IE but not Firefox. How can I get rid of it in IE?

The HTML:

[code]
<div id=”wrap”>

<div id=”headerphoto”></div>

<div id=”leftFrame”>
<p>Some text</p>
</div>

<div id=”rightFrame”>

</div>

<div id=”mainFrame”>
<p>Main text</p>
</div>

<div id=”footer”>
<p>footer text</p>
</div>
</div>
[/code]

And the CSS:

[code]

#wrap {
text-align: left;
background: #ffffff;
color: #303030;
margin: 10px auto;
padding: 0;
width: 760px;
border: 1px solid #2d4e83;
}

#rightFrame {
float: right;
width: 175px;
height: 460px;
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 0.9em;
background-image: url(rhspic.jpg);
}

#leftFrame {
float: left;
width: 162px;
height: 460px;
margin: 0px 5px 0px 0px;
background: #b9c4d6;
border-right: 1px solid #f0f0f0;
padding: 0px;
text-align: left;
}

#mainFrame {
margin: 10px 175px 0px 160px;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
text-align: left;
}

#footer {
clear: both;
margin: 0px;
padding: 10px 0 10px 0;
border-top: 1px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
background: #ffffff;
font-size: 0.9em;
}

[/code]

Also in #CSS _↴