Adriaan De Raymaeker
Posts: 1

Hey guys,

i've got this page that is acting up, it displays the image for the titlebar in IE6 and IE8 but not in FF

this site is not online yet so i'll post the entire css code of the page below, image in question is the background for the ( #titlebar in the css ).

the HTML is just all the divs and the menu with a unordered list but that displays just fine..






div { border:0px; }

#container {
width:1000px;
height:580px;
height:auto !important;
min-height:580px;
}

#header {
height:155px;
background-image:url('images/header.gif';
}

#menu {
}

#titlebar {
height:32;
background-image:url('images/promotitles.gif';
}

#promo {
height:174px;
}

#promoleft {
width:90px;
height:174px;
background-image:url('images/leftsidepromo.gif';
}

#promoweek {
width:358px;
height:174px;
background-image:url('images/caroftheweek.gif';
}

#promocenter {
width:116px;
height:174px;
background-image:url('images/centerpromo.gif';
}

#promodrop {
width:345px;
height:174px;
background-image:url('images/pricedrop.gif';
}

#promoright {
width:91px;
height:174px;
background-image:url('images/rightsidepromo.gif';
}

#dividerline {
height:17px;
background-image:url('images/horizontalfadeline.gif';
}

#tagline {
height:77px;
background-image:url('images/pitch.gif';
}

#content {
height:100%;
background-color:green;
}

#footer {
height:62px;
background-image:url('images/footer.gif';
}

#menu ul {
margin:0;
padding:0;
list-style:none;
}

#menu li {
float:left;
margin:0;
padding:0;
}

#menu a {
display:block;
}

#menu a img {
border:0px;
}








Any help is appreciated!