| I am working on a website and am attempting to use CSS to help with layout. I did this with a site in the past to relative success but am struggling with this one. When I load the page in Firefox the main Content box floats to the left and overlaps the menu bar. I have looked through about 15 previous threads about this issue and have attempted to follow all the steps in them to no avail. I have used the CSS and the HTML Validator sites and have corrected all the errors that they informed me of. I have made sure the css is loading as text/css instead of text/plain and am still having issues. Here is the CSS and the HTML for the relevant area, any help is greatly apppreciated. I attempted to make it anonymous as per the TOS by using TEXT for any of my info. Header: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title> TEXT </title>
<meta http-equiv="Content-Type" content="text/html; charset=">
<link href="biostyle.css" rel="stylesheet" type="text/css"> HTML: <div id="divContent">
<p align="center"><img src="Pix/Edited/IMG_1140.jpg" alt="Church" align="left" height="369" hspace="3" width="495" /> <span class="style2"> TEXT </span></p>
<br />
<p class="style2" align="center"> TEXT <br /> TEXT <br /> TEXT</p>
<br />
<p class="style2" align="center"> TEXT </p>
<p class="style2" align="center"> TEXT <br /> TEXT </p>
<br /><br /><br /></div> CSS: #divContent {
background-color: #FFFF99;
float: right;
padding: 1em;
margin-right: 1em;
margin-bottom: 2em;
margin-left: 2em;
color: #000000;
font-weight: bold;
border: 1px solid #FFFFFF;
width: 60%;
padding-right: 2em;
position: absolute;
width: 849px;
border-color: #FFCC66; Once again thanks for any help,
Jonah
| 
