toftsushelf
New Member
I'm working on a navigation bar with a drop-down menu (will add another one later). When the drop-menu is pressed, it shifts all nav links to the right. Desired behavior is all nav links are static. I tried using \[code\]fixed\[/code\] on the \[code\]div\[/code\] with an \[code\]absolute\[/code\] css on the \[code\]li\[/code\] tags but I.E. would render the \[code\]li\[/code\] tags outside of the parent div.My current implementation is using \[code\]float:left\[/code\] but this isn't producing expected results either. The drop-down menu is the one labeled "Solace". Any help or suggestions are appreciated. I have created a demo which illustrates my problem. http://jsfiddle.net/xbB4M/1/.Also, a side-question. If this warrants a new post, just let me know, and I will open a new question. Whenever a user clicks the drop-down menu, how can I listen for the next mouse click to close the drop-down menu?