# Help needed with CSS drop down menu

**URL:** <https://forum.kirupa.com/t/help-needed-with-css-drop-down-menu/330029>\
**Category:** web dev\
**Created:** [November 20, 2012, 4:29pm UTC](https://forum.kirupa.com/t/help-needed-with-css-drop-down-menu/330029 "2012-11-20T16:29:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![spindrift](https://avatars.discourse-cdn.com/v4/letter/s/b5ac83/32.png) [@spindrift](https://forum.kirupa.com/u/spindrift)\
**Post date:** [November 20, 2012, 4:29pm UTC](https://forum.kirupa.com/t/help-needed-with-css-drop-down-menu/330029/1 "2012-11-20T16:29:14Z")

</div>

Hi guys,

I’m trying to build a drop down menu for my site but, despite seeing a few tutorials and examples, I’ve had no luck yet!

I’m pretty sure my HTML is correct…

```auto

    <ul id="nav">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a>
            <ul>
                <li><a href="#">Drop Down 1</a></li>
                <li><a href="#">Drop Down 2</a></li>
                <li><a href="#">Drop Down 3</a></li>
                <li><a href="#">Drop Down 4</a></li>
            </ul>
        </li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    </ul>

```

My CSS looks like this at the moment…

```auto

ul#nav {width:920px; height:35px; list-style:none; padding:0; margin:0; background:url(navBar.gif) repeat-x; -moz-box-shadow:0px 0px 10px #1c1c1c; -webkit-box-shadow:0px 0px 10px #1c1c1c; box-shadow:0px 0px 10px #1c1c1c;}
ul#nav li a:hover, #nav li a:active {background:url(navOn.gif) repeat-x; text-decoration:none;}
ul#nav li a {border-right:1px solid #000; color:#E0E2E7; display:inline-block; float:left; margin:0; padding:10px 19px; width:auto; text-decoration:none;}

* html #nav li {display:inline; float:left; } /* for IE 6 */
* + html #nav li {display:inline; float:left; } /* for IE 7 */

```

I’m really struggling with this. Does anyone know how I can get Menu 3 to display the four drop down items beneath it - not the same width as the Menu 3 button but just inline with it.

Thank you very much and I hope to hear from you.

SM