Hi,
When I add all of those tags into the source then I get something that looks like this:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- This is the css link -->
<link rel="stylesheet" type="text/css" href="Weird_Nav.css" />
<!-- / CSS Stylesheet -->
<title>
</title>
</head>
<body>
<div id="outer">
<img src="images/header_about.jpg" />
<div id="navbar">
<table width="726" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/home.jpg" width="107" height="18" /></td>
<td><img src="images/about_us.jpg" width="158" height="18" /></td>
<td><img src="images/services.jpg" width="149" height="18" /></td>
<td><img src="images/projects.jpg" width="147" height="18" /></td>
<td><img src="images/contact_us.jpg" width="165" height="18" /></td>
</tr>
</table>
</div>
</br>
</br>
<p> </p>
<h1 class="style1" id="content">About Us</h1>
<p class="style2" id="content">I would like to introduce our company, Eagle Rock Underground LLC; licensed as a Class A General Engineering contractor, certified as a SBE (Small Business Enterprise) and SDVOB (Service Disabled Veteran-Owned Business). A family operated business since 2001, specializing in underground utility construction. This includes the construction of electric, telephone, fiber optics, water, sewer, storm drains, and reclaimed water systems.</p>
<h2 id="content">Accreditations: </h2>
<ul>
<li>A certified Service Disabled Veteran Owned Business (SDVOB) by the U.S.Veteran’s Administration
<li>A certified Small Business Enterprise (SBE) by the City of Phoenix, Az.
<li>Licensed as a Class A General Engineering Contractor in the state of Arizona
<li>Licensed as a Class A General Engineering Contractor in the state of Nevada
<li>Licensed as a Class A General Engineering Contractor in the state of Virginia
<li>Licensed as a GF-9 Underground Utility Contractor in the state of New Mexico
</li>
</ul>
</p>
</div>
</body>
</html>
HTML Code:
/* Weird_Nav.CSS */
#outer **
width: 800px;
background-color:#63773c;
margin-top: 0px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
}
#navbar **
padding-left: 26px;
position:absolute;
top:211px;
}
#content **
padding-left: 26px;
}
body **
background-color: #333300;
}
I am sorry that I didn't understand you the first time you said that. I didn't see anything that was wrong with the CSS, or the HTML. I tried to open the file in IE7 and didn't get anything weird.
Cheers!