I have a CSS issue. its on two pages. on both of them, its the exact same error. but for different browsers. On FireFox, the downloads page has a DIV on the bottom on the page. same thing on the strategies page with IE. the link to both pages are: craftystrats.vndv.com/index/downloads.html craftystrats.vndv.com/index/strategies.html and the CSS is this: @charset "utf-8"; /** * Copyright (c) 2008 ClanTemplates.com * UBERcharged; a free template by Serenity at ClanTemplates.com * No part of this file may be redistributed without written permission * Coded by Crazymik3 <mike.hj.rice@gmail.com> * http://www.clantemplates.com/pages/Legal ** *---- GLOBAL <<<-----------*/ html { margin:0; padding:0;} * { margin: 0; padding: 0; outline: 0; background-image: url(images/form-button.jpg) no-repeat; } body { margin:0; padding:0; font-family: Verdana, Arial, Tahoma, "Trebuchet MS"; font-size: 11px; color: #ffffff; background-image: url('images/bgfire.jpg'); background-repeat: repeat } a:link, a:visited { margin: 0; padding: 0; color: #d7d7d7; text-decoration: none; } a:hover, a:active { margin: 0; padding: 0; color: #ff5200; text-decoration: none; } /* ---- structure <<<-----------*/ #container { margin: 0 auto; padding: 0; background: url(images/bg.jpg) repeat-y; width: 790px; } #container-top { margin: 0; padding: 0; background: url(images/bg-top.jpg) no-repeat top; width: 790px; } /* ---- left <<<-----------*/ #container #left { float: left; width: 554px; margin: 10px 0 0 5px; padding: 0; overflow: hidden; } * html #container #left { display:inline; } #container #left h1 { padding: 0; margin: 0; width:554px; height: 126px; overflow: hidden; float: left; } /* ---- navigation <<<-----------*/ #container #left ol#main { height: 33px; width: 540px; background:url(images/nav_bg.jpg) no-repeat; margin: 0; padding: 0 0 0 14px; list-style: none; clear:both; } ol#main li { margin:0; padding:0; float: left; font-size: 12px; } ol#main li a:link, ol#main li a:visited { color: #ffffff; text-decoration: none; font-weight: bold; display:block; background:url(images/nav_a.jpg) no-repeat; width: 73px; height: 23px; margin: 3px 0 0 1px; padding: 7px 0 0 0; text-align: center; } ol#main li a:hover, ol#main li a:active { color: #ff5200; text-decoration: none; font-weight: bold; display:block; background:url(images/nav_a_hover.jpg) no-repeat; width: 73px; height: 23px; margin: 3px 0 0 1px; padding: 7px 0 0 0; text-align: center; } ol#main li a#selected { color: #ff8f26; text-decoration: none; font-weight: bold; display:block; background:url(images/nav_a_selected.jpg) no-repeat; width: 75px; height: 23px; margin: 2px 0 0 1px; padding: 8px 0 0 0; text-align: center; } #left_space { background: url(images/spacer_left.jpg) no-repeat; margin: 0; padding: 0; width: 554px; height: 11px; } /* ---- boxes <<<-----------*/ .box { float: left; width: 184px; height: 220px; margin: 0; padding: 0; background: url(images/box_bg.jpg) repeat-y; } .box h2 { font-size: 11px; font-weight: bold; color: #ff8f25; background: url('images/box_h2.jpg') repeat-x; width: 179px /*185*/; height: 19px /*24*/; margin: 0; padding: 5px 0 0 5px; } .box ul li { margin: 7px 0 0 13px; padding: 0; list-style: none; font-size: 9px; } .box ul.news{ margin: 4px 0 0 13px; padding: 0; list-style: none; font-size: 9px; } .box ul.news li{ margin: 0px 0 3px 0; padding: 0; list-style: none; font-size: 9px; } .box ul li p { font-size: 11px; } p span.arrow { font-size: 9px; color: #ff5200; font-weight: bold; } .box ul li p span.result { color: #ff8f25; } span.name { font-weight:bold; color: #ff8f25; } #box_clear { background: url(images/box_clear.jpg) no-repeat; width: 554px; height: 12px; margin: 0; padding: 0; clear: both; } .box2 { color: #ff8f25; float: left; width: 184px; height: 105px; margin: 0; padding: 0; background: url(images/box_bg.jpg) repeat-y; } /* ---- content <<<-----------*/ #content { width: 554px; background: #616161; float: left; margin: 0; padding: 5px 0 3px 0; } .content_box { background: url(images/main_bg.jpg) repeat-y; width: 550px; float: left; display: inline; /*want a piece of me IE6?*/ margin: 3px 0 3px 4px; padding: 0; border-bottom: 2px solid #505050; line-height: normal; } .content_box p { margin: 5px 5px 5px 8px; } .content_box h2 { background: url(images/h2_main.jpg) no-repeat; width: 534px;/*547*/ height: 19px;/*24*/ margin: 0; padding: 5px 0 0 13px; color: #ff8f25; font-weight: bold; font-size: 12px; } /* ---- right <<<-----------*/ #right { width: 226px; margin: 10px 0 0 0; padding: 0; background: url(images/right_bg.jpg) repeat-y center; float: left; overflow: hidden; } #right #top { background: url(images/right_top.jpg) no-repeat; margin: 0; padding: 0; width: 226px; height: 33px; } #right h2 { background: url(images/right_h2.jpg) no-repeat; width: 209px;/*222*/ height: 18px;/*23*/ margin: 0 0 5px 0; padding: 5px 0 0 13px; color: #ff8f25; font-weight: bold; clear: both; font-size: 12px; } .right_box { background: url(images/right_gradient.jpg) no-repeat top center; width: 222px; margin: 0px 0 0 4px; padding: 0; } .right_box p { padding: 4px 0 6px 15px; } .r_space { background: url(images/right_space.jpg) no-repeat top center; width: 222px; height: 28px; margin: 30px 0 0 0; padding: 0; clear: both; } .r_foot { background: url(images/right_foot.jpg) no-repeat top center; width: 222px; height: 8px; overflow: hidden; margin: 4px 0 0 0; padding: 0; clear: both; } form#login { margin: 0px 0px 8px 10px; padding: 0 0 10px 0; } span#username, span#password { margin:0; padding:0; font-size: 11px; color: #ff8f25; } input#username-field, input#password-field { background: url(images/field_bg.jpg) no-repeat right; width: 165px;/*171*/ height: 17px; /*20*/ margin: 0; padding: 3px 3px 0 3px; border: none; color: #cccccc; font-size: 11px; } input#submit-button { background: url(images/form-button.jpg) no-repeat; margin: 8px 0 0 103px; padding: 0; width: 46px; height: 22px; border: none; float: left; color: #ffffff; font-size: 11px; } input#reset { background: url(images/form-button.jpg) no-repeat; margin: 8px 0 0 10px; padding: 0; width: 46px; height: 22px; border: none; float: left; color: #ffffff; font-size: 11px; } ul.roster-top { margin: 0 0 0 0; padding: 0px; list-style: none; } ul.roster-top li { margin:0; padding:0; float: left; } ul.roster-top li a:link, ul.roster-top li a:visited { display:block; background:url(images/roster-top.jpg) no-repeat top right; width: 49px; height: 49px;/*51*/ margin: 0px 0 6px 3.5px; padding: 2px 0 0 2px; } ul.roster-top li a:hover, ul.roster-top li a:active { background:url(images/roster-top.jpg) no-repeat top left; } ul.roster-top li a img { border: none; margin: 0; padding: 0; } ul.affiliates { margin: 0px 0px 0px 0px; padding: 0 0 0px 0; list-style: none; } .affiliate-clear { border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.affiliates li { margin: 0; padding: 0; float: left; } ul.affiliates li a img { display: block; margin: 13px 0 0 15px; padding: 0; border: none; } div.affiliate { text-align: center; font-size: 11px; clear: both; margin: 0 0 10px 5px; padding: 12px 0 0 0; } /*div.affiliate a { color: #d7d7d7; text-decoration: none; margin: 0; }*/ /* ---- footer <<<-----------*/ #footer { width: 780px; height: 29px;/*57*/ background:url(images/footer.jpg) no-repeat top right; margin: 0 0 0 5px; padding: 28px 0 0 0; clear: both; } #footer ul { padding: 0; margin: 0 0 0 8px; list-style: none; } #footer ul li { margin: 0 5px 0 0; padding: 0; float: left; } #footer ul li a:link, #footer ul li a:visited { margin: 0px; padding: 0px; color: #FFFFFF; text-decoration: none; } .span dot { font-weight: bold; color: #ff8f25; } Code (markup):