I am teaching myself CSS and I am still learning all the rules. I have coded a page for my web site using CSS and it looks fine in IE but not in Firefox. I don’t know where to begin. I would appreciate any help that can be given.
The url of the site is http://www.howeisd.net
Here is the code:
<style type=“text/css”>
<!—
.SWMyStartBar {width:960px;
}
body {
background-color:#626262;
}
#master{
margin:0px auto 0px auto;
}
#header {
width:960px;
height:145px;
background-image:URL(/howe/lib/howe/_template398/_assets/header.jpg);
}
#nav {
width:960px;
height:71px;
background-image:URL(/howe/lib/howe/_template398/_assets/nav.jpg);
}
#body-content{
width:962px;
background-image:URL(/howe/lib/howe/_template398/_assets/body-contents.jpg);
background-repeat: repeat-n;
}
#shortcuts{
width:200px;
background-image:URL(/howe/lib/howe/_template398/_assets/quicklinks.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left;
}
#headlines{
width:420px;
background-image:URL(/howe/lib/howe/_template398/_assets/welcome.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left
}
#announcements{
background-repeat:no-repeat;
}
#upcoming{
width:300px;
background-image:URL(/howe/lib/howe/_template398/_assets/events.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left;
}
#footer{
width:960px;
height:95px;
background-image:URL(/howe/lib/howe/_template398/_assets/footer.jpg);
}
—>
</style>
<div id=“master”>
<div id=“header”> </div>
<div id=“nav”>[$CHANNELSECTIONMENU$]</div>
<div style=“WIDTH: 960px” id=“body-content”>
<table style=“WIDTH: 920px; BORDER-COLLAPSE: collapse” align=“left”>
<tbody>
<tr>
<td style=“PADDING-LEFT: 18px; VERTICAL-ALIGN: top”>
<div id=“shortcuts”>[$SITESHORTCUTS$]</div></td>
<td style=“VERTICAL-ALIGN: top”>
<div id=“headlines”>
<div id=“hp-flash-container”>
<div id=“hp-flash=rotate”>
<div id=“announcements”>[$WELCOMETEXT$]
</div>
<div> </div></div></div></div></td>
<td style=“VERTICAL-ALIGN: top”>
<div id=“upcoming”>[$UPCOMINGEVENTS$]</div></td>
</tr>
</tbody>
</table></div></div>
<div id=“footer”> </div>
<div> </div>
