IE vs. Chrome

[AZ_Scott]

Thanks in advance to all the good advice I get from V7n!

I've got my website filled with <br/> to extend the wrapper

#wrapper {
width:960px;
margin:12px auto;
background:#561F0C;
border:#4F0000 solid;
}

low enough to cover the content. It looks great in Chrome, don't know about FF. Problem is IE doesn't need the <br/>'s and the wrapper extends too far down the page.

I've tried padding my style.css within the wrapper - that works and eliminate the <br/>'s but it still extends the wrapper too far in IE. --help-- please.

<!--
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;

}
a:link    { color: #FFFFFF; }
a:visited { color: #FFFFCC; }
a:hover   { color: #00FF00; }
body {

background:#FFFFCC;
background-image: url(../images/2006-05_Mindbender_033!.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
/*background-repeat: stretch;*/

}
#wrapper {
width:960px;
margin:12px auto;
background:#561F0C;
border:#4F0000 solid;
}
#header {
text-align:right;
}
#nav {
background:#4F0000;
text-align:center;
height:20px;
}
#navbar {
list-style:none;
}
#navbar ul {
display:inline;
}
#navbar li {
float:left;
width:150px;
}
#navbar li a {
color:#FFFFFF;
font-size:16px;
text-decoration:none;
}
#content {

}
h1 {
color:#FFFFFF;
font-size:24px;
margin-left:25px;
}
h2 {
color:#FFFFFF;
font-size:16px;
font-style:normal;
text-decoration:none;
margin-left:25px;

}
h3 {
color:#FFFFFF;
font-size:15px;
font-style:normal;
margin-left:25px

}
h4 {
color:#FFFFFF;
font-size:20px;
font-style:normal;
margin-left:90px;
margin-right:90px;
text-align:center;
}
h5 {
color:#FFFFFF;
font-size:16px;
font-style:normal;
text-decoration:none;
margin-left:45px;
margin-right:45px;
text-align:center;

}
h6 {
color:#0000FF;
font-size:15px;
font-style:normal;
margin-left:25px

}
.body_text {
color:#FFFFFF;
margin-left:20px;
text-align:center;
}
.box ul {
   margin-left: 0;
   padding:0px;
}
#wrapper_1 {
width:960px;
margin:0 auto;
background:#561F0C;
border:none;
}
#wrapper_2 {
width:960px;
margin:0 auto;
background:#561F0C;
border:none;
}
#wrapper_3 {
width:960px;
margin:0 auto;
background:#561F0C;
border:none;
}


.leftcolumn { 
        width: 320px; 
        float: left; display: block; margin: 0 0; padding: 0 0; 
       
} 
.centercolumn { 
        width: 320px; 
        text-align: left; 
        float: left; display: block; margin: 0 0; padding: 0 0; 
        
} 
.righttcolumn { 
        width: 320px; 
        float: left; display: block; margin: 0 0; padding: 0 0 100px 0; 
        
} 
.leftcolumn_2 { 
        width: 920px; 
        float: left; display: block; margin: 0 0; padding: 0 0; 
       
} 
.centercolumn_2 { 
        width: 20px; 
        text-align: left; 
        float: left; display: block; margin: 0 0; padding: 0 0; 
        
} 
.righttcolumn_2 { 
        width: 20px; 
        float: left; display: block; margin: 0 0; padding: 0 0 100px 0; 
        
} 
.leftcolumn_3 { 
        width: 320px; 
        float: left; display: block; margin: 0 0; padding: 0 0; 
       
} 
.centercolumn_3 { 
        width: 320px; 
        text-align: left; 
        float: left; display: block; margin: 0 0; padding: 100px 0 0 0; 
        
} 
.righttcolumn_3 { 
        width: 320px; 
        text-align: right;
        float: right; display: block; margin: 0 0; padding: 0 0 0 0; 
        
} 
.leftcolumn_4 { 
        width: 520px; 
        float: left; display: block; margin: 0 0; padding: 0 0 0 0; 
        background-image: url(../images/mainback.gif);
		/*background-repeat: repeat;*/
		background-attachment: fixed;
		background-repeat: stretch;
       
} 
.centercolumn_4 { 
        width: 220px; 
        text-align: left; 
        float: left; display: block; margin: 0 0; padding: 0 0 0 0; 
        
} 
.righttcolumn_4 { 
        width: 220px; 
        text-align: right;
        float: right; display: block; margin: 0 0; padding: 0 0 0 0; 
        
} 
-->