H
hi
i recently started incorporating css into my web design. the page works
find in mozilla firefox but not in ie5. can you help? attached are the
pages in question. this site also uses lbi files
here is the css:
<!--
body {
font: 10pt/16pt arial;
color: #000000;
margin: 0px;
}
p {
font: 10pt/16pt georgia;
margin-top: 0px;
text-align: justify;
}
h3 {
font: bold normal 12pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
color: #000000;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #0000CC;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #CC3333;
}
a:hover, a:active {
text-decoration: underline;
color: #CC3333;
}
img {float: left;
margin-right: 30px;}
..style3 {font-size: 24pt}
..style4 {color: #000099}
..style5 {color: #FFFFFF}
-->
and here is the html
<!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">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="global.css">
</head>
<body>
<table width="100%" border="0">
<tr>
<td colspan="5"><!-- #BeginLibraryItem "/Library/bannerimage.lbi" -->
<style type="text/css">
<!--
a:link {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #FF0000;
}
a:hover, a:active {
text-decoration: underline;
color: #FF0000;
</style>
<table width="100%" border="0" bgcolor="#FFFFFF">
<tr>
<td width="26%"><div align="right"><img
src="images/companylogo.png" width="195" height="111"></div></td>
<td valign="bottom"><table width="100%" border="0"
align="left" bgcolor="#000066">
<tr>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td colspan="5"> </td>
<td colspan="3"> </td>
</tr>
</table></td>
</tr>
<tr valign="bottom">
<td height="23" colspan="2"><table width="100%" border="0">
<tr>
<td height="41" valign="bottom"
background="images/stars.png"><div align="right"></div>
<h3 align="right"> </h3></td>
</tr>
</table>
<hr align="right" width="100%"></td>
<td width="18%" height="23"> </td>
</tr>
</table>
<!-- #EndLibraryItem --><!-- #EndLibraryItem --><!--
#EndLibraryItem --><!-- #EndLibraryItem --><!-- #EndLibraryItem --></td>
</tr>
<tr>
<td width="13%" height="470" valign="top" bgcolor="#000066"><!--
#BeginLibraryItem "/Library/leftlinks.lbi" -->
<style type="text/css">
<!--
a:link {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #FF0000;
}
a:hover, a:active {
text-decoration: underline;
color: #FF0000;
</style>
<table width="125" border="0" bgcolor="#000066" valign="top">
<tr>
<td width="148" valign="top"><div align="center"><a
href="Library/javascript;">Superior Recovery Services Home </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
</table>
<!-- #EndLibraryItem --></td>
<td colspan="4" valign="top"><table width="100%" border="0">
<tr>
<td colspan="4" rowspan="7" valign="top" bgcolor="#CC3333"><p
class="style3">We do More Stuff Than You </p>
<p class="style3">can PossiblyImagine. It's like </p>
<p class="style3">we are psychic or something </p>
<p class="style3">in the way we track these </p>
<p class="style3">trucks down. We make people </p>
<p class="style3">pay </p></td>
<td width="32%"> </td>
<td width="16%"> </td>
</tr>
<tr>
<td rowspan="4" align="center"><div align="center">
Picture of a truck or something here </div>
</div>
</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center">Picture of a truck or something here
</div></td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"> </td>
<td rowspan="5"><div align="center"></div></td>
<td> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#000066"><span class="style5">Some
Really Big News </span></td>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="4" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td colspan="2" rowspan="4" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="1%"> </td>
<td width="24%"> </td>
<td width="4%"> </td>
<td width="23%"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="3" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td colspan="2" rowspan="3" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan="5"><!-- #BeginLibraryItem "/Library/footer.lbi" -->
<center><table width="41%" border="0">
<tr>
<td width="18%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="19%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="19%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="21%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link 1</font>
</a></div></td>
<td width="23%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
</tr>
<tr>
<td colspan="5"><div align="center"><strong>©2004 Superior Recovery
Services Inc.</strong></div></td>
</tr>
<tr>
<td colspan="5"><div align="center"></div></td>
</tr>
<tr>
<td colspan="5"></td>
</tr>
</table>
</center>
<!-- #EndLibraryItem --></td>
</tr>
<tr>
<td> </td>
<td width="28%"> </td>
<td width="53%"> </td>
<td width="1%"> </td>
<td width="5%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>
find in mozilla firefox but not in ie5. can you help? attached are the
pages in question. this site also uses lbi files
here is the css:
<!--
body {
font: 10pt/16pt arial;
color: #000000;
margin: 0px;
}
p {
font: 10pt/16pt georgia;
margin-top: 0px;
text-align: justify;
}
h3 {
font: bold normal 12pt arial;
letter-spacing: 1px;
margin-bottom: 0px;
color: #000000;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #0000CC;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #CC3333;
}
a:hover, a:active {
text-decoration: underline;
color: #CC3333;
}
img {float: left;
margin-right: 30px;}
..style3 {font-size: 24pt}
..style4 {color: #000099}
..style5 {color: #FFFFFF}
-->
and here is the html
<!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">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="global.css">
</head>
<body>
<table width="100%" border="0">
<tr>
<td colspan="5"><!-- #BeginLibraryItem "/Library/bannerimage.lbi" -->
<style type="text/css">
<!--
a:link {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #FF0000;
}
a:hover, a:active {
text-decoration: underline;
color: #FF0000;
</style>
<table width="100%" border="0" bgcolor="#FFFFFF">
<tr>
<td width="26%"><div align="right"><img
src="images/companylogo.png" width="195" height="111"></div></td>
<td valign="bottom"><table width="100%" border="0"
align="left" bgcolor="#000066">
<tr>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td><a
href="file:///C|/Documents%20and%20Settings/Administrator/Local%20Settings/Temp/javascript;"><span
class="style7">Link 1</span></a></td>
<td colspan="5"> </td>
<td colspan="3"> </td>
</tr>
</table></td>
</tr>
<tr valign="bottom">
<td height="23" colspan="2"><table width="100%" border="0">
<tr>
<td height="41" valign="bottom"
background="images/stars.png"><div align="right"></div>
<h3 align="right"> </h3></td>
</tr>
</table>
<hr align="right" width="100%"></td>
<td width="18%" height="23"> </td>
</tr>
</table>
<!-- #EndLibraryItem --><!-- #EndLibraryItem --><!--
#EndLibraryItem --><!-- #EndLibraryItem --><!-- #EndLibraryItem --></td>
</tr>
<tr>
<td width="13%" height="470" valign="top" bgcolor="#000066"><!--
#BeginLibraryItem "/Library/leftlinks.lbi" -->
<style type="text/css">
<!--
a:link {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #FF0000;
}
a:hover, a:active {
text-decoration: underline;
color: #FF0000;
</style>
<table width="125" border="0" bgcolor="#000066" valign="top">
<tr>
<td width="148" valign="top"><div align="center"><a
href="Library/javascript;">Superior Recovery Services Home </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"><div align="center"><a
href="Library/javascript;">Link 1 </a></div></td>
</tr>
<tr>
<td valign="top"><div align="center"></div></td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
</table>
<!-- #EndLibraryItem --></td>
<td colspan="4" valign="top"><table width="100%" border="0">
<tr>
<td colspan="4" rowspan="7" valign="top" bgcolor="#CC3333"><p
class="style3">We do More Stuff Than You </p>
<p class="style3">can PossiblyImagine. It's like </p>
<p class="style3">we are psychic or something </p>
<p class="style3">in the way we track these </p>
<p class="style3">trucks down. We make people </p>
<p class="style3">pay </p></td>
<td width="32%"> </td>
<td width="16%"> </td>
</tr>
<tr>
<td rowspan="4" align="center"><div align="center">
Picture of a truck or something here </div>
</div>
</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="center">Picture of a truck or something here
</div></td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"> </td>
<td rowspan="5"><div align="center"></div></td>
<td> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#000066"><span class="style5">Some
Really Big News </span></td>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="4" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td colspan="2" rowspan="4" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="1%"> </td>
<td width="24%"> </td>
<td width="4%"> </td>
<td width="23%"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td colspan="2" bgcolor="#000066"><span class="style4"><span
class="style5">Some Really Big News </span></span></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="3" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td colspan="2" rowspan="3" valign="top"
bgcolor="#CC9933"><p>Hey, check this out. Look at all these neat colors.
kdjf;alkfj;akdfja.Elkf;a. Eljf;ldkjfa;ikdjf;akdjf;akdjf;aj;kdlc</p>
<p><a href="javascript;">lkdfj;kdjf;akdjf;djf;af </a></p></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan="5"><!-- #BeginLibraryItem "/Library/footer.lbi" -->
<center><table width="41%" border="0">
<tr>
<td width="18%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="19%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="19%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
<td width="21%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link 1</font>
</a></div></td>
<td width="23%"><div align="center"><a
href="Library/javascript;"><font color="#000066">Link
1</font></a></div></td>
</tr>
<tr>
<td colspan="5"><div align="center"><strong>©2004 Superior Recovery
Services Inc.</strong></div></td>
</tr>
<tr>
<td colspan="5"><div align="center"></div></td>
</tr>
<tr>
<td colspan="5"></td>
</tr>
</table>
</center>
<!-- #EndLibraryItem --></td>
</tr>
<tr>
<td> </td>
<td width="28%"> </td>
<td width="53%"> </td>
<td width="1%"> </td>
<td width="5%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>