1 Attachment(s)
[RESOLVED] Accordionmenu problem in IE
I have an accordion menu which works perfectly in all browsers except, surprise, surprise, IE. I think it may have something to do with the divs.
I got the menu here- http://www.dynamicdrive.com/dynamici...enu-glossy.htm
I have the html page as follows-
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="ceramics, sculptures, Kirsty Doig, Tissywu.com" />
<meta name="description" content="ceramic art sculptures" />
<title>Kirsty Doig Ceramics</title>
<link href="tissywudeux.css" rel="stylesheet" type="text/css" />
<link rel="SHORTCUT ICON" href="http://tissywu.com/favicon.ico">
<script src="Accordion.js" type="text/javascript"></script>
<style type="text/css">
<!--
a:link {
text-decoration: none;
font-family: "Myriad Web Pro";
font-size: 12pt;
color: #FFF;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #C60;
font-size: 12pt;
font-family: "Myriad Web Pro";
font-weight: normal;
}
a:active {
text-decoration: none;
}
a {
font-size: 12pt;
color: #FFF;
font-family: "Myriad Web Pro";
}
body {
background-image: url();
background-repeat: repeat-x;
background-color: #000;
}
-->
</style></head>
<body>
<div id="container">
<div id="main">
<div id="AccordionContainer" class="AccordionContainer">
<div onclick="runAccordion(1);">
<div class="AccordionTitle" onselectstart="return false;">
Home</div>
</div>
<div onclick="runAccordion(3);">
<div class="AccordionTitle" onselectstart="return false;">
<a href="#">Collections</a></div>
</div>
<div id="Accordion3Content" class="AccordionContent">
<a href="masks.html">Life Masks</a>
<br />
<a href="masks2.html">Life Masks II</a><br />
<a href="framed.html">Life Masks III</a><br />
<a href="healinghands.html">Healing Hands</a><br />
<a href="sprites.html">Sprite Reliefs</a>
<br />
<a href="littlepeople.html">Little People</a><br />
<a href="amphorae.html">Amphorae</a><br />
<img src="thumb.png" style="margin: 10px 5px" />
</div>
<div onclick="runAccordion(4);">
<div class="AccordionTitle" onselectstart="return false;">
<a href="exhibitions.html">Exhibitions</a></div>
</div>
<div onclick="runAccordion(5);">
<div class="AccordionTitle" onselectstart="return false;">
<a href="contact.html">Contact</a></div>
</div>
<div onclick="runAccordion(6);">
<div class="AccordionTitle" onselectstart="return false;">
<a href="links.html">Links</a></div>
</div>
<div onclick="runAccordion(6);">
<div class="AccordionTitle" onselectstart="return false;">
<a href="sitemap.html">Sitemap</a></div>
</div>
</div>
<div id="body"><div id="k"><img src="silhouettenu1.png" width="800" height="498" /></div>
</div>
</div>
</div>
</div>
</body>
</html>
and the css file is attached.
Can anyone help?