The quick links div (shown below) and the footer div do not appear in Firefox, they are also not shown in the design view in Dreamweaver. However they are there in IE!
Any advice would be much appreciated!!
Here is my html:
<body topmargin=“0” bgcolor="#2A2A2A">
<div id=“body”>
<table align=“center” border=“0” cellpadding=“0” cellspacing=“0”> <tr> <td>
<div id=“pagecontainer”>
<div id=“header”>
<div id=“headerlink”>
<div id=“headerlinkitems”> Buy </div>
<div id=“headerlinkitems”> Advertise </div>
<div id=“headerlinkitems”> About </div>
<div id=“headerlinkitems”> Contact </div>
</div>
</div>
<div id=“topspacer”> </div>
<div id=“maincontent”>
<div id=“leftcolumn”> <div id=“menu”>
<div id=“menuselecteditem”> <a href=“index.html”>Home </a></div>
<div id=“menuitemscontainer”>
<div id=“menuitems”><a href=“aboutmalawi.html”>About Malawi</a></div>
<div id=“menuitems”><a href=“usefulinformation.html”>Useful Info</a></div>
<div id=“menuitems”><a href=“accommodation.html”>Accommodation</a></div>
<div id=“menuitems”><a href=“transport.html”>Transport</a></div>
<div id=“menuitems”><a href=“seeanddo.html”>See & Do</a></div>
<div id=“menuitems”><a href=“regions.html”>Regions</a></div>
</div>
</div>
<div id=“submenu”></div>
</div>
<div id=“content”>
<div id=“slideshow”></div>
<div id=“browsebyregion”>
<img src="…/images/browsebyregion.jpg" />
</div>
<div id=“advertisements”>
</div>
<div id=“other”> <img src="…/images/logos/ngalabeach.jpg" /><br /><br /><img src="…/images/logos/geckolounge.jpg" /><br /><br /> <img src="…/images/logos/kibokosafaris.gif" /><br /><br /> <img src="…/images/logos/airmwlogo.jpg" /></div>
</div>
<div id=“quicklinks”>
<div id=“quicklinks_col”>
About Malawi
</div>
<div id=“quicklinks_col”>
Useful Information
</div>
<div id=“quicklinks_col”>
Transport
</div>
<div id=“quicklinks_col”>
See & Do
</div>
<div id=“quicklinks_col”>
Accommodation
</div>
</div>
<div id=“footer”> </div>
</div>
</div>
</td></tr></table>
</div>
</body>
and here is my CSS:
@charset “utf-8”;
/* CSS Document */
#body {
text-align:center;
background-color:#2A2A2A;
padding:0px;
margin:0px;
}
#pagecontainer {
display: inline-block;
display: block;
overflow: hidden;
height:auto;
width: 1000px;
background-color:#FFF;
padding:0px;
}
#topspacer {
width:1000px;
height:25px;
background-color:#FFF;
}
#header {
width:1000px;
height:175px;
background-color:#FF99FF;
padding:0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
border-bottom-color:#000;
border-bottom-style:solid;
border-bottom-width:10px;
}
#headerlink {
width:300px;
height:30px;
float:right;
background-color:#000000;
margin-top:145px;
margin-right:25px;
}
#headerlinkitems {
width:75px;
height:22.5px;
font-family:Helvetica, sans-serif, Arial;
font-size:14px;
float:left;
color:#FFF;
text-align:center;
padding-top:7.5px;
}
#maincontent {
width:1000px;
height:auto;
background-color:#FFF;
}
#leftcolumn {
width:200px;
height:auto;
background-color:#FFF;
float:left;
border-right-color:#999;
border-right-style:solid;
border-right-width:1px;
}
#content {
width:799px;
height:auto;
background-color:#FFF;
float:left;
}
#actualcontent {
width:700px;
height:400px;
margin:25px;
background-color:#FFF;
}
#menu {
width:175px;
height:245px;
background-color:#000;
margin-left:12.5px;
margin-right:12.5px;
margin-bottom:25px;
}
#menuitemscontainer {
width:175px;
height:210px;
background-color:#000;
}
#menuitems {
width:155px;
height:25px;
text-align:right;
color:#FFF;
font-family:Helvetica, sans-serif, Arial;
font-size:15px;
padding-right:20px;
padding-top:10px;
}
#menuitems a{
color:#FFF;
text-decoration:none;
font-size:15px;
}
#menuselecteditem {
width:155px;
height:25px;
background-color:#FF5900;
text-align:right;
color:#FFF;
font-family:Helvetica, sans-serif, Arial;
font-size:15px;
padding-right:20px;
padding-top:10px;
}
#menuselecteditem a{
color:#000000;
text-decoration:none;
font-size:15px;
}
#submenu {
width:175px;
margin-left:25px;
padding:0;
text-align:left;
}
#submenu li,#menu li a {
display:block;
list-style:none;
}
#submenu li a {
height:25px;
color:#333;
font:90%/25px Helvetica;
text-decoration:none;
text-align:left;
}
#submenu li a:hover {
color:cyan;
}
#slideshow {
width:750px;
height:260px;
margin-left:25px;
margin-right:25px;
margin-bottom:25px;
background-color:#000000;
background-image:url(images/slideshow.jpg);
}
#browsebyregion {
width:240px;
height:300px;
margin-left:25px;
margin-bottom:25px;
background-color:#000000;
float:left;
}
#advertisements {
width:239px;
height:400px;
margin-left:15px;
margin-bottom:25px;
background-color:#FFFFFF;
float:left;
text-align:center;
}
#other {
width:240px;
height:400px;
margin-bottom:25px;
margin-right:25px;
background-color:#FFFFFF;
float:right;
text-align:center;
border-left-color:#999;
border-left-style:solid;
border-left-width:1px;
}
#quicklinks {
width:1000px;
height:200px;
background-color:#000;
color:#FFF;
text-align:left;
font-family:Helvetica, sans-serif, Arial;
font-size:15px;
}
#quicklinks_col {
width:200px;
height:190px;
float:left;
text-align:center;
margin-top:10px;
}
#footer {
width:1000px;
height:40px;
background-color:#FFF;
}
