I am hoping one of the experts here can tell me why the "foot" image shows up just fine in IE7, but does not show using Opera or Firefox.
The code is:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:#000;
margin:0;
padding:0;
}
#container {
width:973px;
margin:0 auto;
height:500px;
}
#header {
background-image:url('http://vance.thebams.org/gabby/images/header1.jpg');
background-repeat: no-repeat;
width:973px;
height: 264px;
}
#header2 {
background-image:url('http://vance.thebams.org/gabby/images/header2.jpg');
background-repeat: no-repeat;
width:973px;
height: 55px;
}
#left {
background-image:url('http://vance.thebams.org/gabby/images/left.jpg');
background-repeat: repeat;
padding-top: 3.0em;
color: #FFF;
float:left;
height:127px;
width:242px;
}
#mid {
background-image:url('http://vance.thebams.org/gabby/images/mid.jpg');
background-repeat:repeat;
color: #FFF;
width: 731px;
height: 175px;
float:left;
}
#foot {
background-image:url('http://vance.thebams.org/gabby/images/foot.jpg');
background-repeat:no-repeat;
color: #FFF;
width: 973px;
height: 41px;
}
div.menu {
width:185px;
padding: 0.9px;
margin-top: 0.7em;
margin-left:0.5em;
border:0px;
text-align:left;
}
div.menu a {
display:block;
font-size:20px;
width:100%;
padding: 0.30em;
margin-left: 0.3em;
font-weight:bold;
border-top:1px ;
color: rgb(109,85,165);
text-decoration:none;
line-height:25px;
}
html>body div.menu a {width
;}
div.menu a:hover {
color: #000;
font-size:20px;
font-weight: bold;
font-style: italic;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="header2">
</div>
<div id="left">
</div>
<div id="mid">
</div>
<div id="foot">
</div>
</body>
</html>
Like I said, everything looks just fine with IE7. I can't figure out why the "foot image doesn't show when viewing it with Opera or Firefox. I have validated the code with W3C, but the problem still persists.
If anyone has any suggestions, I would really appreciate it.
Thanks
