hi please check the code which works fine in IE but not in Firefox...
urgent help required...
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
<body>
<table width="760" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="121" colspan="3" valign="top"><img src="image/banner.gif" alt="Banner" width="760" height="121" ></td>
<div id="container">
<!---------------------------------------------------------------MENU--------------------------------------------------------------->
<div id="navigation">
<ul>
<li><a href="file:///C|/Users/abhi/Documents/index.html">Home |</a></li>
<li><a href="file:///C|/Users/abhi/Documents/Board.html">Board |</a></li>
<li><a href="file:///C|/Users/abhi/Documents/Membership.html">Membership |</a></li>
<li><a href="file:///C|/Users/abhi/Documents/Concerts.html">Concerts |</a></li>
<li><a href="file:///C|/Users/abhi/Documents/Conferences.html">Conferences |</a></li>
<li><a href="file:///C|/Users/abhi/Documents/Competitions.html">Competitions </a></li>
</ul>
</div>
<!---------------------------------------------------------------MENU--------------------------------------------------------------->
</div>
</tr>
<tr>
<td width="34" height="381" valign="top" bgcolor="white"><img src="image/leftpane.gif" alt="leftpane" width="34" height="381" ></td>
<td width="693" valign="top" bgcolor="white"><!-- InstanceBeginEditable name="EditRegion1" -->
<div>
<p>
<a href="http://www.google.com/" target="_blank">google</a>
</p>
</div>
<!-- InstanceEndEditable --></td>
<td width="33" valign="top" bgcolor="white"><img src="image/rightpane.gif" alt="rightpane" width="33" height="381" ></td>
</tr>
<tr>
<td height="28" colspan="3" valign="top"><img src="image/footer.png" alt="footer" width="760" height="28" ></td>
</tr>
<div id="footer">
Copyright © <a href="http://uweb.txstate.edu/~ns13/">Nico Schuler</a> 2009
|
Designed by Nidhi Modak
|
</div>
</table>
</body>
<!-- InstanceEnd --></html>
CSS
/* CSS Document */
* {
border : 0;
margin : 0;
padding : 0;
}
a {
color : #b3000a;
text-decoration : none;
}
a:hover {
color : #555;
}
body {
background : #343434 url('image/background_body.jpg') repeat-x 0 50%;
color : #666;
margin : 2% 5% 10% 15%;
font : 0.8em "trebuchet ms", helvetica, sans-serif;
}
#container {
height : 530px;
margin : 55px 0 15px 0;
position : absolute;
width : 760px;
}
#navigation {
height : 44px;
padding-top : 40px;
margin-left : 145px;
width : auto;
}
#navigation ul {
list-style : none;
}
#navigation ul li {
float : left;
height : 44px;
padding: 0 5px 0 5px;
list-style : none;
width : auto;
}
#navigation ul li a {
color : #fff;
display : block;
height : 25px;
line-height : 25px;
padding : 5px 0 0 0;
text-align : center;
width : auto;
}
#navigation ul li a:hover {
color : #111;
}
#content {
float : left;
height : 320px;
overflow : auto;
padding : 0 42px;
width : 676px;
}
#content h1 {
color : #333;
font-size : 200%;
}
#content h2 {
color : #333;
font-size : 100%;
}
#footer {
position : absolute;
font-size : 10px;
color : #fff;
height : 20px;
padding : 35px;
text-align : right;
margin : 470px 0 0 35px;
width : 696px;
}
#footer a {
color : #fff;
}
p.center {
text-align : center;
}
.. the webpage has been created by the template i made in Dreamweaver