Menu
I know something is wrong somewhere because this is actually working in ie but not firefox!!! My code validates but I can’t see my fancyl image that should sit under the text at the bottom of the page.
[COLOR=”Lime”]HERE IS MY CSS
[QUOTE]
* {margin:0; padding:0; border:none;}
body {background-color:#94a8be;}
#container {width:960px;
background-color:#eee3c7;
margin-right:auto;
margin-left:auto;}
#header {background-image:url(‘images/header.jpg’);
height:171px;}
#menu {width:960px;
height:50px;}
#submenu {max-width:214px;
background-color:#012b5d;
position:absolute;
top:221px;
height:477px;}
#content {background-color:#eee3c7;
position:relative;
left:214px;
max-width:747px;
height:477px;}
p {margin-left:105px;
margin-right:105px;}
ul {list-style-position: inside}
li {padding-left:120px;}
img {display:block;}
.title {padding-top:60px;
padding-left:43px;}
.subtitle {margin: 15px 1px 5px 93px;}
.floatright {float:right;
position:relative;
bottom:30px;}
.fancyl {position:absolute;
right:40px;
bottom:10px;
z-index:-1;}
[COLOR=”Lime”]
[COLOR=”Red”]HERE IS MY HTML
[QUOTE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“
<html xmlns=”
<head><title>Legacy Preparatory Academy</title>
<link rel=”stylesheet” type=”text/css” href=”lpa.css” />
<script type=”text/javascript” language=”javascript” src=”loadimages.js”></script>
</head>
<body>
<div id=”container”>
<div id=”header”></div>
<div id=”menu”>
<!– Begin Navigation –>
<script type=”text/javascript” src=”menu/milonic_src.js”></script>
<noscript><a href=”
<script type=”text/javascript” src=”menu/mmenudom.js”></script>
<script type=”text/javascript” src=”menu/menu_data.js”></script>
<!– End Navigation –>
</div>
<div id=”submenu”>
<img src=”images/smphilosophical.jpg” width=”214″ height=”219″ alt=”The Academy” />
</div>
<div id=”content”>
<img class=”title” src=”images/tphilosophical.gif” width=”328″ height=”29″ alt=”Philosophical Basics” />
<img class=”subtitle” src=”images/stmission.gif” width=”73″ height=”22″ alt=”Mission” />
<p>Legacy Preparatory Academy builds the foundation of knowledge and critical thinking skills necessary for children to become independent learners for life.<br /><br />
Our mission is to:</p>
<ul>
<li>Provide a classically-based curriculum that is thorough and challenging</li>
<li>Integrate fine arts to enhance learning</li>
<li>Teach the value of public virtue to promote respect</li>
<li>Engage parents as real partners to share in enriching student education</li>
<li>Honor each child as an individual and foster their innate curiosity and desire to learn</li></ul>
<img class=”fancyl” src=”images/fancyl.gif” width=”228″ height=”214″ alt=” ” />
</div>
</div>
</body>
</html>