hi everyone, got some css and its having firefox problems, I've set it up in ie6 and thought I'd try and fix it in other browsers when I've done it and the float:left isn't working on the menu div-the main div is overlaying the menu div and also, in a bit of a shocker, the anchor tags are being ignored by the cursor!?!?
Is there anything jumping out at anyone??
styling and body to follow:
<style>
body, table, tr {font-family:arial ; font-size:8pt ;color:white}
#container {position:absolute ; left:15% ; width:700px ; border:#EC6099 solid 2px }
#header {position:relative ; width:680 ; height:120px ; }
#menu {position:relative ; float:left ; width:200px ;}
#main {position:relative ; padding:25px ;width:480px ;border:#EC6099 solid 1px ; margin:0px 10px 10px 10px}
#menu ul {text-decoration:none ; margin:0px ; padding:0px}
a {text-decoration:none ; color:#ECA4C2 ; }
a:hover {color:#EC6099}
#menu a { width:100% ; text-align:center}
#menu a:hover {color:white ;}
#menu li {width:180px ; border:#EC6099 solid 1px ; margin:0px 10px 5px 10px}
#title {position:relative ; left:190px ; top:30px}
</style>
<body background=http://www.sitewiz.co.uk/v2/sites/tan/template/backg.jpg>
<div id=container>
<div id="header"><span id=title><img src=http://www.sitewiz.co.uk/v2/sites/tan/template/title.gif></span></div>
<div id="menu"><ul><li id=page1.htm><a onmouseover="document.getElementById('page1.htm').style.borderColor='white'" onmouseout="document.getElementById('page1.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page1.htm">Home</a></li>
<li id=page2.htm><a onmouseover="document.getElementById('page2.htm').style.borderColor='white'" onmouseout="document.getElementById('page2.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page2.htm">Spray Booth</a></li>
<li id=page3.htm><a onmouseover="document.getElementById('page3.htm').style.borderColor='white'" onmouseout="document.getElementById('page3.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page3.htm">How It Works</a></li>
<li id=page5.htm><a onmouseover="document.getElementById('page5.htm').style.borderColor='white'" onmouseout="document.getElementById('page5.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page5.htm">Contact Page</a></li>
</ul></div>
<div id=main><!#SiteWiz#><P align=center><FONT color=#ec6099 size=5>The tanbox Spray Booth</FONT></P>
<P align=center>
<TABLE id=p cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD>
<TD>
<P align=justify>The tanbox spray booth provides a beautiful golden tan without the harmful UV rays. The tanbox is one of the unique spray booths in that it offers customers with a clear solution. <BR><BR>Our test results found that using a bronzer effects the results of the tan and customers don鎶
Is there anything jumping out at anyone??
styling and body to follow:
<style>
body, table, tr {font-family:arial ; font-size:8pt ;color:white}
#container {position:absolute ; left:15% ; width:700px ; border:#EC6099 solid 2px }
#header {position:relative ; width:680 ; height:120px ; }
#menu {position:relative ; float:left ; width:200px ;}
#main {position:relative ; padding:25px ;width:480px ;border:#EC6099 solid 1px ; margin:0px 10px 10px 10px}
#menu ul {text-decoration:none ; margin:0px ; padding:0px}
a {text-decoration:none ; color:#ECA4C2 ; }
a:hover {color:#EC6099}
#menu a { width:100% ; text-align:center}
#menu a:hover {color:white ;}
#menu li {width:180px ; border:#EC6099 solid 1px ; margin:0px 10px 5px 10px}
#title {position:relative ; left:190px ; top:30px}
</style>
<body background=http://www.sitewiz.co.uk/v2/sites/tan/template/backg.jpg>
<div id=container>
<div id="header"><span id=title><img src=http://www.sitewiz.co.uk/v2/sites/tan/template/title.gif></span></div>
<div id="menu"><ul><li id=page1.htm><a onmouseover="document.getElementById('page1.htm').style.borderColor='white'" onmouseout="document.getElementById('page1.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page1.htm">Home</a></li>
<li id=page2.htm><a onmouseover="document.getElementById('page2.htm').style.borderColor='white'" onmouseout="document.getElementById('page2.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page2.htm">Spray Booth</a></li>
<li id=page3.htm><a onmouseover="document.getElementById('page3.htm').style.borderColor='white'" onmouseout="document.getElementById('page3.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page3.htm">How It Works</a></li>
<li id=page5.htm><a onmouseover="document.getElementById('page5.htm').style.borderColor='white'" onmouseout="document.getElementById('page5.htm').style.borderColor='#EC6099'" href=http://www.webdeveloper.com/forum/archive/index.php/"page5.htm">Contact Page</a></li>
</ul></div>
<div id=main><!#SiteWiz#><P align=center><FONT color=#ec6099 size=5>The tanbox Spray Booth</FONT></P>
<P align=center>
<TABLE id=p cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD>
<TD>
<P align=justify>The tanbox spray booth provides a beautiful golden tan without the harmful UV rays. The tanbox is one of the unique spray booths in that it offers customers with a clear solution. <BR><BR>Our test results found that using a bronzer effects the results of the tan and customers don鎶