# Help Making CSS Drop Down Menus more flexible

**URL:** <https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548>\
**Category:** web dev\
**Created:** [May 16, 2008, 5:26pm UTC](https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548 "2008-05-16T17:26:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [May 16, 2008, 5:26pm UTC](https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548/1 "2008-05-16T17:26:59Z")

</div>

Can someone take a look at this mess and see if they can help me make these drop down menus more flexible? It’s breaking if the main nav link is too long and I can’t seem to figure it out. It would be great to have a bit more flexibility built in.

---

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [May 16, 2008, 10:16pm UTC](https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548/2 "2008-05-16T22:16:57Z")

</div>

if i remove the width in #header #global-nav ul li#— and then set the width in #header #global-nav ul li ul to zero that seems to get me in the right direction but then the text shifts dramatically on rollover and i can’t seem to pinpoint the issue.

---

<div class="post-metadata">

**Author:** ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)\
**Post date:** [May 19, 2008, 3:36pm UTC](https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548/3 "2008-05-19T15:36:31Z")

</div>

Ok, i think i got this set. I just need help with 1 thing.

[http://dynodealz.com/test1/](http://dynodealz.com/test1/)

Under the #hdr #nav ul li#services:hover style, I have to tweak the margin-top to get the tab to not shift up in different browsers, firefox, safari, opera, ie7…it’s a real pain. anyone have any idea how to fix this so it works a bit more consistently?

---

<div class="post-metadata">

**Author:** ![uuvbbz](https://avatars.discourse-cdn.com/v4/letter/u/b2d939/32.png) [@uuvbbz](https://forum.kirupa.com/u/uuvbbz)\
**Post date:** [May 19, 2008, 5:06pm UTC](https://forum.kirupa.com/t/help-making-css-drop-down-menus-more-flexible/260548/4 "2008-05-19T17:06:42Z")

</div>

Good…Good…
