Some pixels between div's in IE?

Hmm, i don't understand why i get some pixels between two div's (#nav and #content) in IE?? In firefox it seems correct

<div id="container">
  <div id="nav">
	sdafsadf
	</div> <!-- end nav-->
	<div id="content">
	sadfsdf asdf asdf asdf
	</div><!-- end content-->
	<div class="clearer"></div>
	<div id="footer">
		asfdasd
	</div> <!-- end footer-->
</div> <!-- end container-->

Code (markup):

css

#container {
	width: 920px;
	padding: 0px;
	}

#nav {
	float:left;
	background-image:url(../imgs/bgNav.gif);
	background-repeat:repeat-y;
	min-height: 700px;
	height:auto !important; 
	height: 700px;
	width: 320px;
}

#content {
	background-color:#FFFFFF;
	margin-left: 320px;
	padding-top: 100px;
	padding-left: 50px;
	min-height: 600px;
	height:auto !important; height: 600px;
}
#footer {
	padding-top: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #6DA6D9;
	height: 30px;
	margin-top: 10px;
	margin-left: 120px;
	clear: both;
}

Code (markup):

Any idea

 

Try adding a slight negative margin, see if that fixes the issue

 

hmm, didn't work

here's my issue
fula.nl/digitalpoint/

 

read about the 3px gap over at webmasterworld saying

so now i escaped the min-height and it doesn't show the 3px gap, but how do i make the min height possible??

 

As I say to everyone else, Google is your best resource... here's what a 2 second search gave me:

http://www.google.ca/search?hl=en&c...&hs=twi&q=min-height+ie+fix&btnG=Search&meta=