Min-Height not working in IE

[newbreed65]

i currently want to have a min-height for the demo site I'm making but i cant seen to get min-height to work on my content div, though i have checked it works fine in firefox and safari any ideas?

 

here the site http://bulletsnoctane.co.uk/

 

and here all the css i have for the site currently

body {
font: 100% Verdana,;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background-image:url(/style/image/bg.jpg);
margin: 0;  /* zero the margin and padding of the body for differing browser defaults*/
padding: 0;	
color: #000000;	
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}

/*********************   Container  **********************/

#container {
width: 990px; 
margin: /*0*/ auto; /*the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: justify; /* this overrides the text-align: center on the body element. */
background-color:#FFFFFF;
}

/*********************   Header  **********************/

#header { 
height: 120px;
background:#FFFFFF;
background-image:url(/style/image/header.png);
background-repeat:no-repeat;
background-position:center;
} 

/*********************   Nav bar  **********************/

#nav {	
background:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#FFFFFF;
height:30px;
text-align:center;
margin:0px;*/
}

#nav ul {	
width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: 20px;
}

#nav ul li {	
display: inline;
}

#nav ul li a {	
padding: 10px 15px 0px 15px;
color: #fff;
}

#nav ul li a:hover {	
color:#0000FF;
height: 20px;
}


/*********************   Main Content  **********************/


#content {
padding: 0 15px; /*  padding is the space inside the div, margin is space outside the div */
background: #FFFFFF;
min-height:700px;
margin:10px;
border:1px;
border-color:#000000;
/*overflow:auto;
scrollbar
scrollbar-base-color: #FF0000;
scrollbar-arrow-color: #FF0000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #777777;*/
}

/*********************   Footer  **********************/

#footer { 
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#000000;
color:#FF0000;
text-align:right;
font-weight:bold;
height:20px;
clear:both;
margin:auto;
} 
footer p {
color:#fff;
text-align:right;
margin: 0; 
padding: 10px 0;
font-size:0.7em;
}

#h7 {
color:blue;
text-align:right;
margin: 0; 
padding: 10px 0;
font-size:0.7em;
text-align:right;
}

/*********************   Control Panel  **********************/
#cp_reviews {
width:400px;
float:right;
display:block;
}

#cp_news {
width:400px;
float:left;
border:thick;
display:block;

}

/*********************   Validation and Errors  **********************/

#error {
margin:auto;
background-color:#FF0000;
color:#000000;
font-weight:bold;
padding-bottom:10px;
}

/*********************   Images  **********************/

#upload {
background-color:#CCCCCC;
padding:10px;
width:240px;
height:20px;
margin-bottom:10px;
}

#canvas {
clear:both;
margin:auto;}

#gallery {

width:200px;
margin:10px;
float:right;
border:3px;
border-color:#FF0000;
background:#CCCCCC;

}

.pic {
text-align:center;
border:#999999 5px;
}


/*********************   Tables  **********************/

td { 
color:#353535; 
font-family:Verdana;
}

th {
color:#FFFFFF; 
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#336699;
}

a {	
text-decoration:none;
color:#FF0000;
}

/*********************   Text  **********************/

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#FF0000;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:1.8em;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:1em;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:1.5em;
padding:0px;
margin:0px;
margin-right:10px;

}


h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0px;
margin:0px;
margin-right:10px;
display:inline;
font-size:1em;

[ToonMariner]

min-height doesn't work in IE6 - just give that element a height in your ie6 only style sheet - it will increase the height of the element if its content requires (provided you have not done anything with overflow on the container).