For some reason my header is showing up differently in both Internet Explorer and Firefox... I want my header to be the same size as my Vbulletin... Just like any Vbulletin forum the forum adjusts to fit the size of the screen... here is a link to my site http://www.loansafe.org/forum/ and here is my css... /* ***** Custom CSS for Header and Featured Articles ***** */ .OuterWrapper{ min-width:984px; margin:0 auto; overflow:hidden; } .topMain{ background:#fff; min-width:984px; float:left; *padding-bottom:8px } .topWrapper{ min-width:984px; float:left; } .topAdd{ float:left; padding:5px 0 5px 5px; } .googleSearch{ float:right; padding:5px 28px 72px 0; } .loanWrapper{ min-width:984px; float:left; background:url(http://www.loansafe.org/blog/images/blueBg.jpg) repeat-x; height:92px; } .logo{ float:left; padding:16px 0 0 12px; } .topColumns{ min-width:556px; float:right; padding:20px 9px 0 0; } .column{ min-width:185px; float:left; } .columnImg{float:left;} .columnText { float:left; width:110px; padding:0 5px 0 10px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; } .column a { color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration: none; } .column a:visited { color: #ffffff; text-decoration: none; } .column a:hover { color: #ffffff; text-decoration: underline; } .topNav{ min-width:984px; float:left; } .nav{ min-width:984px; float:left; background:url(images/navBg.jpg) repeat-x; height:26px; } #pagebar { background: #527db0; min-width: 980px; height:15px; color: #ffffff; font-size: 11px; font-family: Arial, san-serif; margin: 0px auto 10px; padding: 8px 10px 8px 10px; overflow: hidden; border-top: 1px solid #5B80FF; } .pagebar-left { min-width: 450px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } #footer { min-width: 960px; Code (markup): I also attached thumbnails of both FF and IE.