css3 - drop-down ul only expands to first child li -


this simple straight forward css drop-down nav menu.

unfortunately drop-down ul background gradient expand height of first list item. i've written same css other sites , reason it's not working on one. can't figure out life of me. if has idea might going on i'd grateful!

here's link:

http://madzecreations.com/_test_site/

thanks!

your li element contains 4 <a> elements - yet have rule max-height: 30px;

change max-height: 180px; , should work.

#main_nav li:hover > ul li {  max-height: 180px; opacity: 1; visibility: visible; position: relative; z-index: 4; } 

Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

html - Unable to style the color of bullets in a list -

c# - must be a non-abstract type with a public parameterless constructor in redis -