Header is all over the place

[delightsociety]

I've had my shop up for a little while and today it's suddenly gone funny...and I didn't touch it. But I did upgrade my IE so maybe the thing was off before and it didn't show.

There's a huge space at the top of my page pushing everything down except the EZpages. I'm stumped as to what to do, I think it's CSS but cant be sure.

http://www.empireofdelight.com.au/

So just in case here's my layout CSS:

/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet_new.css 3286 2006-03-28 01:14:04Z drbyte $
*/

body {
color:#333;
font: 12px tahoma, sans-serif;
background-color:#b2d384;
margin:0 15px;

}

#mainWrapper {
text-align: left;
vertical-align: top;
width:900px; /* sets the width of the store */
background-color:#fff; /* gives the store a white background */
}


a img {border: none; }

a:link {
color:#338BAF;
text-decoration:none;
font-weight:normal;
}

a:visited {
color:#338BAF;
text-decoration:none;
font-weight:normal;
}

a:hover {
color:#C0302F;
text-decoration:underline;
}


h1 {
font-size: 1.2em;
color:#000;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1.2em;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.2em;
}


.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 0.3em 0.3em 0;
}

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}
FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

TEXTAREA {
margin: auto;
display: block;
width: 95%;
}
input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}
FIELDSET {
padding: 0.5em;
margin: 10px;
border: 1px solid #A4A4A4;
}
LEGEND {
font-weight: bold;
padding: 0.3em;
color: #000;
}

LABEL, h4.optionName {
line-height: 1.0em;
padding: 0.1em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
font-size: 0.95em;
margin: 0.2em 0.5em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

LABEL.inputLabel {
/* font-size: 12px; */
width: 10em;
float: left;
}

LABEL.inputLabelPayment {
width: 15em;
float: left;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 12em;
float: left;
}

P, ADDRESS {
padding: 0.5em 0.5em 0.5em 0;
}
ADDRESS {
font-style: normal;
}
.clearBoth {
clear: both;
}
HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #ccc;
}



/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #000000;
}
.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}
.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}
.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}
/*wrappers - page or section containers*/
#mainWrapper {
text-align: left;
vertical-align: top;
}

/* main content area */
#contentMainWrapper {
margin:0;
}

#headerpic {
background: url("../images/headerpic.jpg");
background-repeat: no-repeat;
width: 900px;
height: 176px;


}

#headerpic p{
font-family: tahoma, sans-serif;
font-size: 14px;
color: #fff;
font-weight: normal;
text-align: left;
position: absolute;
top: 80px;
left: 83px;
line-height: 20px;
}

#headerpic h1{
font-family: "ms trebuchet", sans-serif;
font-size: 32px;
color: #C9E8FD;
font-weight: normal;
text-align: left;
position: absolute;
top: 50px;
left: 80px;
}



#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
margin: 10px 0px;
width: 46%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/* HEADER */
#navMainWrapper {
color: #7A1702;
position: relative;
height: 35px;
background-image: url("../images/navmain-bg.gif");
background-repeat: repeat-x;
}

#navMainWrapper a:link , #navMainWrapper a:visited {
color: #fff;
text-decoration:none;
}

#navMainWrapper a:hover {
color: #fff;
text-decoration:underline;
}

#headerContent {

}






#nameWrapper {
padding:25px 0 10px 30px;
}

#nameWrapper a, #nameWrapper a:visited {
font-size:25px;
text-decoration:none;
color:#fff;
font-weight:normal;
}

#taglineWrapper {
font-size:20px;
padding:10px 0 10px 60px;
margin-top:-30px;
color:#fff;
}

#navCurrenciesWrapper {
color: #bbb;
position: absolute;
top: 8px;
right: 10px;
}


#navCurrenciesWrapper .nav_language {float:left; margin-top: 0px; padding:0px 15px 3px 0px;}
#navCurrenciesWrapper .nav_currencies {float:left; margin-top: 0px; padding:0px 15px; border-left:1px solid #253a58;}
#navCurrenciesWrapper form {margin: 0px; padding:0px;}
#navCurrenciesWrapper select, #navCurrenciesWrapper input {margin: 0px; padding:0px;}



/*
#navCurrenciesWrapper a {
font-weight: normal;
text-decoration: underline;
}

#navCurrenciesWrapper a:hover {
color: #fff;
font-weight: normal;
text-decoration: underline;
}

*/


#navEZPagesTop {
text-align:left;

}

#navEZPagesTop a:link, #navEZPagesTop a:visited {
color:#fff;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}

#navEZPagesTop a:hover {
color:#8E8B85;

}




#topmenubar {
background: url("../images/menubar.gif");
/*background: #5a6d3f;*/
background-repeat: repeat-x;
width: 900px;
height: 155px;
}


#topmenubar ul {margin:0; margin-top:8.5em; padding:0; list-style:none;}
#topmenubar ul li {float:left; background:url(../images/menubar1.gif) bottom left no-repeat; padding:20px 21px 19px 25px; text-transform:uppercase; font-weight:bold; color:#5a6d3f;}
#topmenubar ul li.nobg {background:none;}




#indexDefaultMainContent {

}

#indexDefaultMainContent p{
margin:0;
padding-bottom:10px;

}

.navMainSearch {
margin:0 10px 0 0;
line-height:0;
float:right;
}





/*navigation*/

.navSplitPagesResult {
margin: 0.5em;
font-size: 0.9em;
}
.navSplitPagesLinks {
margin: 0.5em;
font-size: 0.9em;
}
.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0.2em;
list-style-type: none;
}

#navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: normal;
height: 1%;
width: 100%;
}

#footerhsy a:link, #footerhsy a:visited{
color: #fff;
text-decoration: none;

}

#footerhsy a:hover {
color:#fff;
text-decoration: underline;
}

#footerhsy {
background-color: #19283D;
border-top: 7px solid #ccc;
color: #DFD9C7;
padding-bottom: 10px;
}

#navMain {
padding-right: 7px;
padding-top: 5px;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 2px 5px;
list-style-type: none;
text-align: center;
line-height: 18px;
}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
white-space: nowrap;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;

}

#headerWrapper #navMain ul li {

}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border:1px solid #dfdfdf;
}

#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}
#navEZPagesTOC ul li {
white-space: nowrap;
}
#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}
#navBreadCrumb {
border-bottom:1px solid #eee;
padding: 0px 0 5px 0;
margin:3px 25px 0 20px;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}






#gvFaqDefaultMainContent {
padding-left: 10px;
}

#indexProductList {
margin: 10px;
}

#productGeneral {
margin: 0 0 20px 0;
background-color:#fff;

}





#cartInstructionsDisplay {
margin-left: 10px;
}

.important {
margin-left: 10px;
}

#productAdditionalImages {
clear: both;
}



#productDescription, .shippingEstimatorWrapper {
padding: 0.5em;
}

.alert {
color: #FF0000;
margin-left: 0.1em;
font-size: 0.9em;
}
.advisory {}
.important {
font-size: 1.1em;
}
.notice {}
.rating{}
.gvBal {
float: right;
}

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
margin-bottom:10px;
}

/*Shopping Cart Display*/
#cartAdd {
text-align: center;
margin: 1em 0 1em 0;
background-color:#fff;
border:1px solid #ddd;
padding: 1em;
float:left;
clear:right;
margin-right: 15px;
}

.cartTableHeading TH {
border-bottom: 1px solid #cccccc;
}

.cartTableHeading, #cartSubTotal {
background-color: #e9e9e9;
height: 2.2em;
}

#cartSubTotal {
border-top: 1px solid #cccccc;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}
.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}
#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

#cartAttribsList {
margin-left: 1em;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;

}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #A00C32;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0 20px 10px 0 ;
}

#productMainImage a:link {
text-decoration: none;
}

#productAdditionalImages a:link {
text-decoration: none;
}

#productMainImage img {
border: 2px solid #CFCFCF;
}

.categoryIcon {}
#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxContents {
padding: 0 5px 5px 5px;

}


h3.itemTitle a:link, h3.itemTitle a:visited{
text-decoration: none;
}

h3.itemTitle a:hover{
text-decoration: underline;

}

/* BOXES */

#navColumnOne, #navColumnTwo {
background-color: #f1f1f1;
padding-top: 15px;
padding-left: 20px;
}

.centerColumn {
padding: 0 10px 0 20px;
}

.centerColumn p{
margin: 0;
}

#indexDefaultHeading {
margin: 0;
padding:0;
}

#loginDefault {
padding-left: 15px;
}


h2.centerBoxHeading {

font: 13px tahoma, arial, sans-serif;
font-weight: bold;
margin:0;
padding-top: 6px;
padding-bottom: 6px;
color:#000;
background-image: url("../images/heading-bg.gif");
background-position: 0px 8px;
background-repeat: no-repeat;
text-align:left;

padding-left:25px;
}



.centerBoxHeading {
background-color: #fff;
padding: 0;
margin: 0;
border-bottom: 1px solid #D4EAEF;

}

.productListing-rowheading, TR.tableHeading {
height:30px;
font: 13px tahoma, arial, sans-serif;
font-weight: bold;
margin:0 0 0 10px;
}

.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
/* background:#f8f8f8 url('../images/content-bg.jpg') 0 28px repeat-x; */
}

.centerBoxWrapper {
margin-top: 20px;
margin-right:20px;
}
.sideBoxContent {
padding-top:5px;
padding-bottom:15px;
padding-right:20px;

/* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
/* line-height:10px; */

}

.leftBoxContainer {
/* background-color: #F8D4DA; */


margin-bottom: 10px;
}

#navColumnOneWrapper {
/* margin-left:7px; */
margin-top:0px;


}

.leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
color: #000;
text-decoration: none;
font-size: 11px;
padding-left: 14px;
line-height: 20px;
}

.leftBoxContainer a:hover, .rightBoxContainer a:hover {
color:#bbb;
}



h3.rightBoxHeading a:link, h3.rightBoxHeading a:visited, h3.leftBoxHeading a:link, h3.leftBoxHeading a:visited {
color:#338BAF;
font-weight: bold;
text-align:left;
font-size: 13px;
padding-left:0px;
text-decoration: none;

}

h3.rightBoxHeading a:hover, h3.leftBoxHeading a:hover {
text-decoration: underline;
}



#categories {

}


.category-top, .category-links {
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: center left;
}

#navCatTabs .category-top, .category-links {
background-image: none;

}

#navCatTabs {
margin-bottom: 10px;
}

#informationContent a:link, #informationContent a:visited{
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: center left;
}




#moreinformationContent a:link, #moreinformationContent a:visited{
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: center left;
}



#ezpagesContent a:link, #ezpagesContent a:visited{
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: center left;
}

.centerBoxContentsNew a:link, .centerBoxContentsNew a:visited {

text-decoration: none;
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
line-height: 20px;
}

.centerBoxContentsNew a:hover {

text-decoration: underline;
}


.centerBoxContentsNew1 {
margin: 15px 0 15px; 0;
}

.centerBoxContentsFeatured1 {
margin: 15px 0 20px; 0;
}

.centerBoxContentsSpecials1 {
margin: 15px 0 20px; 0;
}

.text_price {
font-size: 14px;
font-weight: normal;
padding-bottom: 20px;

}


.product_img_title {
margin:0 0 5px 0;
padding:0 15px 0 0;

}


.product_img_title img{
border: 2px solid #cfcfcf;

}

a.producttitle:link, a.producttitle:visited {
color:#338BAF;
font-size: 13px;
font-weight: bold;
text-decoration:none;
}

a.producttitle:hover {
text-decoration:underline;
}




.rightBoxHeading, .leftBoxHeading {
background-color: #f1f1f1;

}




h3.rightBoxHeading, h3.leftBoxHeading {
/* background:transparent url('../images/box-title-bg.jpg') center center no-repeat; */

margin:0;
}

h3 label {
font-size:1.0em;
}

h3.rightBoxHeading, h3.leftBoxHeading {
color: #000;
font: 13px tahoma, arial, sans-serif;
font-weight: bold;
padding-left: 30px;
padding-top: 6px;
padding-bottom: 6px;
background-image: url(../images/heading-bg.gif);
background-position: 0px 9px;
background-repeat: no-repeat;
text-align:left;
}




#search {
/* background-color: #F7DFED; */
}

#search input{
font-size: 11px;
}


#manufacturers {

}


/* PRODUCT LISTING */

.productListing-rowheading a {
color:#000;
text-decoration: underline;
}

.productListing-data a:link, .productListing-data a:visited {
color:#000;
text-decoration: underline;

}

.productListing-data a:hover {
color:#A00C32;
text-decoration: underline;
}

.productListing-data img {
padding:0px;
margin: 8px;
}

.listingProductImage {
padding:0px;
border: 2px solid #cfcfcf;
margin: 8px;
}

.productListing-data {
border-top: 1px solid #ccc;
padding: 5px;

}

.productListing-even {
background-color:#fff;

}

.productListing-odd {
background-color:#fff;

}

/* PRODUCT INFO */
#productDetailsList, #productDetailsList li {
list-style-type:none;
margin-left:0;
padding-left:0;
}

/* FOOTER */

#authorLink {
text-align:center;
font-size:.9em;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

.navNextPrevWrapper {
margin-bottom: 20px;
}

.centeredContent1 {
text-align: left;
}

.centeredContent1 img{
margin-bottom:3px;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;

}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
}
#upProductsHeading {
text-align: left;
}
#upDateHeading {
text-align: right;
}
/*misc*/
.back {
float: left;
}

.back1 {
float: right;
}


.forward {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #F8F8F8;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F4F4F4;
height: 1.5em;
vertical-align: top;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}


#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
background-color: #ffffff;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}


#infoShoppingCart {
background-image: none;
background-color: #fff;
}

a:link.productListing-heading {
text-decoration: none;
}

.orderHistList {
margin:5px 5px 5px 15px;
padding:0;
}

.orderHistList li a:link, .orderHistList li a:visited {
margin:0;
padding:0;
}



#bestsellersContent li a:link, #bestsellersContent li a:visited {
margin:0;
padding:0;
}

[rstevenson]

No need to include your stylesheet. We can see it any time we want to.

Have you viewed your site in Firefox? It doesn't look right to me in the latest FF under Mac OS X. I'm guessing you developed the site in one version of IE and didn't check it in other browsers. If so, you have a little work to do. First, get Firefox and its Web Developer tools add-on. Then use them to find and correct the CSS problem that's causing this. Only after that would you need to fix up any differences that appear in different versions of IE.

If I guessed wrong, let me know. ;-)

Rob

[buildingblocks]

looks like the problem is here

#topmenubar

get rid of the margin-top:8.5em; and adjust the padding to move the link text down where it belongs

#topmenubar ul {margin:0; margin-top:8.5em; padding:0; list-style:none;}
#topmenubar ul li {float:left; background:url(../images/menubar1.gif) bottom left no-repeat; padding:20px 21px 19px 25px; text-transform:uppercase; font-weight:bold; color:#5a6d3f;}
#topmenubar ul li.nobg {background:none;}