# Drop down menu questions

**URL:** <https://forum.kirupa.com/t/drop-down-menu-questions/183579>\
**Category:** Uncategorized\
**Created:** [March 28, 2006, 2:50pm UTC](https://forum.kirupa.com/t/drop-down-menu-questions/183579 "2006-03-28T14:50:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![cameron\_](https://avatars.discourse-cdn.com/v4/letter/c/b5ac83/32.png) [@cameron\_](https://forum.kirupa.com/u/cameron_)\
**Post date:** [March 28, 2006, 2:50pm UTC](https://forum.kirupa.com/t/drop-down-menu-questions/183579/1 "2006-03-28T14:50:52Z")

</div>

[http://arcticcat.com/snow/arcticwear.asp](http://arcticcat.com/snow/arcticwear.asp)

I know how to make a drop-down like the one here, (mouse over ‘riders only’) but I dont know how they made it roll **on top** of the html page? Can anyone help!

---

<div class="post-metadata">

**Author:** ![rhamej](https://avatars.discourse-cdn.com/v4/letter/r/bb73d2/32.png) [@rhamej](https://forum.kirupa.com/u/rhamej)\
**Post date:** [March 29, 2006, 5:33am UTC](https://forum.kirupa.com/t/drop-down-menu-questions/183579/2 "2006-03-29T05:33:19Z")

</div>

The content for the CSS is set at z-index 0, the flash nav is set at z-index 1. And the flahs movie is set at wmode=transparent. Check out the source, its all there for ya. 😉

---

<div class="post-metadata">

**Author:** ![cameron\_](https://avatars.discourse-cdn.com/v4/letter/c/b5ac83/32.png) [@cameron\_](https://forum.kirupa.com/u/cameron_)\
**Post date:** [March 29, 2006, 9:29pm UTC](https://forum.kirupa.com/t/drop-down-menu-questions/183579/3 "2006-03-29T21:29:42Z")

</div>

I took a look at the source+css, and I have a couple of questions. If the z-index of the header is 1, which would place it higher than the content, was it necessary for them to place the div lower in the code? And why do both the divs need to be set with an ‘absolute’ position? They also set their flash height to 100%, why is that done?

im a bit lost