I’m a bit desperate here! If anyone knows why the first set of menu items aren’t working in IE6 I’d be so so happy.
<!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">
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (mysite_home_page.psd) -->
<script type="text/javascript">
<!--
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function findElement(n,ly) {
if (browserVers < 4) return document[n];
var curDoc = ly ? ly.document : document;
var elem = curDoc[n];
if (!elem) {
for (var i=0;i<curDoc.layers.length;i++) {
elem = findElement(n,curDoc.layers[i]);
if (elem) return elem;
}
}
return elem;
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (document.layers) {
img = findElement(changeImages.arguments[i],0);
}
else {
img = document.images[changeImages.arguments[i]];
}
if (img) {
img.src = changeImages.arguments[i+1];
}
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
enter_competition_over = newImage("http://mysitegrad.com.au/assets/templates/mysite/homeImages/enter_competition-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
<style type="text/css">
*
{
margin:0;
padding:0;
}
body
{
background-color:#FFFFFF;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 0px;
}
#Table_01 {
position:relative;
left:0px;
width:961px;
height:681px;
}
#mysite-home-page-01 {
position:absolute;
left:0px;
top:0px;
width:961px;
height:17px;
}
#mysite-home-page-02 {
position:absolute;
left:0px;
top:17px;
width:813px;
height:664px;
}
#enter-competition {
position:absolute;
left:813px;
top:17px;
width:68px;
height:83px;
}
#mysite-home-page-04 {
position:absolute;
left:881px;
top:17px;
width:80px;
height:664px;
}
#mysite-home-page-05 {
position:absolute;
left:813px;
top:100px;
width:68px;
height:581px;
}
#bottomLinks, #bottomLinks a
{
text-decoration:none;
color:#999999;
font-size:14px;
font-family: arial, helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}
#bottomLinks, #bottomLinks a
{
text-decoration:none;
color:#999999;
font-size:14px;
font-family: arial, helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}
#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}
#menu {width:596px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; margin-left:15px; z-index:100;border-right:1px solid #fff;}
/* hack to correct IE5.5 faulty box model */
* html #menu {width:650px; w\idth:650px;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;width:149px;position:relative;}
/*--------------------------------------------------------------------*/
/* style the links for the top level */
#menu a, #menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {width:149px; w\idth:138px;}
/* style the links for the top level */
#menu a.iron, #menu a:visited.iron {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#99bb54; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a.iron, * html #menu a:visited.iron {width:149px; w\idth:138px;}
/* style the links for the top level */
#menu a.mysite, #menu a:visited.mysite {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#cb423a; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a.mysite, * html #menu a:visited.mysite{width:149px; w\idth:138px;}
/* style the links for the top level */
#menu a.contactus, #menu a:visited.contactus {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#d77144; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a.contactus, * html #menu a:visited.contactus {width:149px; w\idth:138px;}
/* style the links for the top level */
#menu a.home, #menu a:visited.home {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#5194d2; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a.home, * html #menu a:visited.home {width:149px; w\idth:138px;}
/*----------------------------------------------------------------------*/
/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#758279;}
/* style the second level hover */
#menu ul ul a.drop:hover{background:#99bb54;}
#menu ul ul :hover > a.drop {background:#99bb54;}
/* style the second level background */
#menu ul ul a.drop.iron, #menu ul ul a.drop:visited.iron {background:#99bb54;}
/* style the second level hover */
#menu ul ul a.drop:hover.iron{background:#acc774;}
#menu ul ul :hover.iron > a.drop.iron {background:#acc774;}
/* style the second level background */
#menu ul ul a.drop.mysite, #menu ul ul a.drop:visited.mysite {background:#cb423a;}
/* style the second level hover */
#menu ul ul a.drop:hover.mysite{background:#ff7472;}
#menu ul ul :hover.mysite > a.drop.mysite {background:#ff7472;}
/* style the second level background */
#menu ul ul a.drop.contactus, #menu ul ul a.drop:visited.contactus {background:#d4d8bd;}
/* style the second level hover */
#menu ul ul a.drop:hover.contactus{background:#99bb54;}
#menu ul ul :hover.contactus > a.drop.contactus {background:#99bb54;}
/* style the second level background */
#menu ul ul a.drop.home, #menu ul ul a.drop:visited.home {background:#d4d8bd;}
/* style the second level hover */
#menu ul ul a.drop:hover.home {background:#99bb54;}
#menu ul ul :hover.home > a.drop.home {background:#99bb54;}
/*---------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#758279; color:#fff; height:20px; line-height:1em; width:138px; padding-top:9px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:138px;}
/* style the second level links */
#menu ul ul a.iron, #menu ul ul a:visited.iron {background:#99bb54; color:#fff; height:20px; line-height:1em; width:138px; padding-top:9px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a.iron, * html #menu ul ul a:visited.iron {width:150px;w\idth:138px;}
/* style the second level links */
#menu ul ul a.mysite, #menu ul ul a:visited.mysite {background:#cb423a; color:#fff; height:20px; line-height:1em; width:138px; padding-top:9px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a.mysite, * html #menu ul ul a:visited.mysite {width:150px;w\idth:138px;}
/*----------------------------------------------------------------------------------*/
/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{color:#fff; background:#99bb54;}
#menu :hover > a, #menu ul ul :hover > a {color:#fff;background:#99bb54;}
/* style the top level hover */
#menu a:hover.iron, #menu ul ul a:hover.iron{color:#fff; background:#99bb54;}
#menu :hover.iron > a, #menu ul ul :hover.iron > a {color:#fff;background:#99bb54;}
/* style the top level hover */
#menu a:hover.mysite, #menu ul ul a:hover.mysite{color:#fff; background:#ff7472;}
#menu :hover.mysite > a, #menu ul ul :hover.mysite > a {color:#fff;background:#ff7472;}
/* style the top level hover */
#menu a:hover.contactus, #menu ul ul a:hover.contactus{color:#fff; background:#ff8c59;}
#menu :hover.contactus > a, #menu ul ul :hover.contactus > a {color:#fff;background:#ff8c59;}
/* style the top level hover */
#menu a:hover.home, #menu ul ul a:hover.home{color:#fff; background:#a9cae9;}
#menu :hover.home > a, #menu ul ul :hover.home > a {color:#fff;background:#a9cae9;}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}
a.iron
{
background-color:#99bb54;
}
ul.iron, ul li.iron, ul li a.iron
{
background-color:#acc774;
}
a.mysite
{
background-color:#cb423a;
}
ul.mysite, ul li.mysite, ul li a.mysite
{
background-color:#ff7472;
}
a.contactus
{
background-color:#ff8c59;
}
ul.contactus, ul li.contactus, ul li a.contactus
{
background-color:#ff8c59;
}
a.home
{
background-color:#5194d2;
}
ul.home, ul li.home, ul li a.home
{
background-color:#a9cae9;
}
</style></head>
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
body { behavior: url(http://mysitegrad.com.au/assets/js/csshover.htc); } /* hover:anything support */
</style>
<![endif]-->
<body onLoad="preloadImages();">
<div id="menu">
<div class="iron">
<ul class="iron">
<li class="iron"><a class="iron" href="index.php?id=2">How do I get Iron?<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="iron">
<li class="iron"><a href="index.php?id=23" title="What is Iron?">What is Iron?</a></li>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<div class="mysite">
<ul class="mysite">
<li class="mysite"><a class="mysite" href="index.php?id=6">How can mysite help me?<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="mysite">
<li class="mysite"><a class="mysite" href="index.php?id=6" title="Who needs Iron?">Who needs Iron?</a></li>
<li class="mysite"><a class="mysite" href="index.php?id=7" title="Why is Iron important during Pregnancy">Iron During Pregnancy</a></li>
<li class="mysite"><a class="mysite" href="index.php?id=27" title="How do you feel?">How do you feel</a></li>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<div class="contactus">
<ul class="contactus">
<li class="contactus"><a class="contactus" href="index.php?id=5">Contact us</a>
</li>
</ul>
</div>
<div class="home">
<ul class="home">
<li class="home"><a class="home" href="index.php?id=1">Home</a></li>
</ul></div>
</div>
<!-- ImageReady Slices (mysite_home_page.psd) -->
<div id="Table_01">
<div id="mysite-home-page-01">
<img src="http://mysitegrad.com.au/assets/templates/mysite/homeImages/mysite_home_page_01.gif" width="961" height="17" alt="">
</div>
<div id="mysite-home-page-02">
<img src="http://mysitegrad.com.au/assets/templates/mysite/homeImages/mysite_home_page_02.gif" width="813" height="664" alt="">
</div>
<div id="enter-competition">
<a href="index.php?id=8"
>
<img name="enter_competition" src="http://mysitegrad.com.au/assets/templates/mysite/homeImages/enter_competition.gif" width="68" height="83" border="0" alt="Click here for your chance to win"></a>
</div>
<div id="mysite-home-page-04">
<img src="http://mysitegrad.com.au/assets/templates/mysite/homeImages/mysite_home_page_04.gif" width="80" height="664" alt="">
</div>
<div id="mysite-home-page-05">
<img src="http://mysitegrad.com.au/assets/templates/mysite/homeImages/mysite_home_page_05.gif" width="68" height="581" alt="">
</div>
</div>
<div id="bottomLinks">
<a href="http://www.mysite.com/AU_Terms_of_Use.php">TERMS OF USE</a> | <a href="http://www.mysite.com/AU_Privacy_Policy.php">PRIVACY</a> | <a href="index.php?id=12">REFERENCES</a> | <a href="index.php?id=1">HOME</a> <font size='-2'> Always read the label, use only as directed. If symptoms persist please see your healthcare professional.</font></div>
</body></html>
