my css file work good in firefox but not looking so good and work properly in internet explorer 6.0
plz help me and solve this problem.
html file is.
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SEO Indianapolis, Indianapolis Indiana search engine optimization</title>
<meta name="description" content="SEO, Seo Indianapolis,">
<meta name="keywords" content="SEO, Seo Indianapolis,">
<meta name="robots" content="index,follow">
<meta name="verify-v1" content="FxIX8dbAI3OzrFXejMH03okuqPwa5BuuoP7l0+vEK uE=">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style2.css" rel="stylesheet" type="text/css">
<script type="text/javascript"></script>
<script language="JavaScript" src="js/main-menu.js" type="text/javascript">
</script>
<style type="text/css"></style>
</head>
<body >
<div id ="dusk">
<div id="sidebar">
<div class="menu">
<ul>
<li> <a href="http://www.steerpointmarketing.com/SEO.php">SEO Indianapolis</a></li>
<li></li>
<li class="style5"> <a href="http://www.steerpointmarketing.com/ppc.php" class="style5">PPC Marketing</a></li>
<li></li>
<li> <a href="http://www.steerpointmarketing.com/web_development.php">Web Development</a></li>
<li></li>
<li> Keyword Search </li>
<li></li>
<li> <a href="http://www.steerpointmarketing.com/internet-strategy.php">Internet Strategy</a></li>
<li></li>
<li> <a href="http://www.steerpointmarketing.com/blog">Steerpoint Blog</a></li>
<li></li>
<li class="style5"> <a href="http://www.seo-news.com" target="_blank" class="style5">SEO News</a></li>
<li></li>
<li> <a href="http://www.steerpointmarketing.com/contact.php">Contact Us</a></li>
<li></li>
<li> <a href="http://www.steerpointmarketing.com">HOME</a></li>
</ul>
<br>
<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'steerpoint';</script>
<a href="http://www.addthis.com/bookmark.php" onMouseOver="return addthis_open(this, '', '[url]', '[TITLE]')" onMouseOut="addthis_close()" onClick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt=""></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->
</div>
</div>
<div id="content">
<div id="sidebarright"><a href="http://www.steerpointmarketing.com/contact.php"><img border="0" src="http://steerpointmarketing.com/images/right4002.gif" width="125" height="400" alt="SEO Indianapolis"></a></div>
<div id="text">
<h1>Steerpoint Marketing is a "Full Service Result Driven" Internet Marketing company</h1>
<p align="center">By listening and understanding the goals of your company, i.e. marketing, sales and IT, we will determine the most effective keywords and keyword phrase queries to customize and tailor programs to meet the needs of your audience and your overall marketing goals of your company. Steerpoint Marketing uses sophisticated <strong>SEO</strong> techniques and provides you with monthly progress reports of all the work done on your web sites. </p>
<div align="center"><img border="0" src="http://steerpointmarketing.com/images/looking.jpg" width="395" height="200" alt="Looking to be Found">
</div>
</div>
</div>
<div class="bottombar">
<div class="homebox2">
<div align="center" class="style2"><strong>Testimonials</strong></div>
<div align="center"><br>
"Because of the direct effort of Chris and John we are showing up on page ONE of Google for all our Keywords. Being on page ONE not only gives us credibility to our clients but has increased our web traffic which is critical in our business." <a href="http://www.homechoice.com">HomeChoice.com</a>.<br>
</div>
</div>
<div class="homebox2">
<div align="center" class="style2"><a href="http://www.steerpointmarketing.com/SEO.php">Search Engine Optimization</a></div>
<div align="center"><br>
<a href="http://www.seobook.com/3501-0-1-25.html" target="_blank"><img border="0" src="http://www.seobook.com/rf/banners/seobook234x60.gif" width="234" height="60" alt="SEO Book"></a><br><p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" width="88" height="31" border="0"> </a><a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</p>
</div>
</div>
<div class="homebox2">
<div align="center" class="style2"><strong>Keyword Search: Talking to Your Target Audience</strong></div>
<br>
<a href="http://www.steerpointmarketing.com/keyword.php">Keyword analysis</a> is the most fundamental step in an effective search engine optimization strategy. Proper keywords help connect potential prospects searching for your products or services to your web page.<br>
</div> </div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2573408-2";
urchinTracker();
</script>
</body>
</html>
[/html]
and css file is
Expand|Select|Wrap|Line Numbers
- body {
- background-color:#666666;
- font-family: "Arial", Arial, Helvetica, sans-serif;
- font-weight: normal;
- font-size:12px;
- }
- .bottomspace {
- float:right;
- width:900px;
- height:30px;
- margin-left:30px;
- margin-right:30px;
- }
- .bottombar {
- width:920px;
- height:200px;
- margin-left:20px;
- margin-right:20px;
- }
- #content {
- float:right;
- width:730px;
- margin-right:16px;
- padding-top:145px;
- display:inline;
- }
- #content h1 {
- text-align:center;
- font-size:22px;
- font-style:italic;
- margin:10px 0 0 0;
- }
- #dusk {
- width:960px;
- height:780px;
- margin:0 auto;
- background-image:url(images/background960new.jpg);
- }
- .homebox2{
- width:280px;
- padding-right:10px;
- padding:14px 13px 13px 13px;
- background:url(/images/hbox2.jpg) top no-repeat;
- float:right;
- text-align:center;
- line-height:normal;
- font-size:12px
- }
- .homebox3{
- width:930px;
- margin-left: 5px;
- float:right;
- text-align:left;
- line-height:normal;
- font-size:12px
- }
- #sidebar {
- float:left;
- width:160px;
- margin-left: 40px;
- padding-top:151px;
- font-family: "Arial", Arial, Helvetica, sans-serif;
- font-weight: bold;
- font-size:14px;
- }
- #sidebarright {
- float:right;
- width:126px;
- margin-left: 5px;
- display:inline;
- }
- #sidebar h2{
- font-size:22px;
- font-size:22px;
- font-style:italic;
- color:#000000;
- font-weight:bolder;
- border-bottom: 1px #000000 solid;
- margin-top:35px;
- padding:0;
- }
- #sidebar ul{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- #sidebar ul li{
- font-size:12px;
- font-weight:bolder;
- color:#001D66;
- }
- #sidebar ul li a {
- text-decoration:none;
- color:#001D66;
- }
- #sidebar ul li a:hover {
- text-decoration:underline;
- color:#FFAA00;
- }
- .style1 {
- color: #0000CC;
- font-weight: bold;
- font-size: 18px;
- font-family: "Arial", Arial, Helvetica, sans-serif;
- }
- .style2 {
- color: #CC0000;
- font-weight: bold;
- font-size: 12px;
- font-family: "Arial", Arial, Helvetica, sans-serif;
- }
- .style4 {font-size: 12px}
- .style6 {
- color: #000066;
- font-weight: bold;
- font-size: 16px;
- }
- #text {
- height:400px;
- padding:14px 13px 13px 13px;
- overflow:auto;
- width: auto;
- }
- #text2 {
- height:100px;
- overflow:auto;
- width: auto;
- }
- .tagline {
- font-size:10px;
- text-align:center;
- }