Trouble with Drop Down Menu in IE6

I am having trouble with my drop down menu in IE6. I know the issue is with the z-index of some element, I just can't seem to pinpoint which rule to make the changes to.

I have a horizontal menu with 6 links, 2 of which have drop down menus. I have a header background image under the menu. Inside the header image on some pages I have a quote, this quote ends up being on top of the drop down menu thus when you hover over the menu it disappears. On pages where there is no quote the drop down menus work fine.

<div id="sp_graphic" class="BG_about">
<h1>Acupuncture is the greatest gift<br />I've ever given myself!
<span class="author">K.R. Palmer, AK</span>
</h1>
</div>

If you wish to view it online go to: intro-to-aca.php
un: webassit
pw: guest

Thanks for any help offered:-)

Jules

Since the author span is under the h1 text, I would try moving it outside of the h1 into its own div. Then you can try using normal (not absolute) positioning to see if that makes a difference.

<div id="sp_graphic" class="BG_about">
  <h1>Acupuncture is the greatest gift<br />I've ever given myself!</h1>
  <div class="author">K.R. Palmer, AK</div>
</div>

Hi Justin

You were right, the relative positioning of the h1 tag was the issue. I took that off, ended up using a p tag for the author and all works well.

div.BG_about h1 { padding-top: 18px; padding-left: 25px; }
div.BG_about .author { color: #415167; margin: 3px 0 0 170px; }

<h1>Acupuncture is the greatest gift<br />I've ever given myself!</h1>
<p class="author">K.R. Palmer, AK</p>

---hey how do you get the nifty HTML Code: box? I can't find a way to use that on the forum interface, am I overlooking it or is that only for Admin use?

Thanks for the heads up!
Jules

When you are in advanced posting mode, you can click the html <> icon (there is one for php too) and it will color code it for you.

<div class="something">text</div>

<?php
echo "hello";
?>