css - ul li based menu with automatic overflow? -


currently i'm developing simple website client. right have problem ul/li generated menu. page 900px, menu font quite large, 30px, wide horizontal margins. want menu items, go second row, there no space left (about 5 items fit in 1 line). between lines of menu items image i've used "margin-bottom: 226px" achieve correct position of second menu items line. , here problem, because of high margin, menu overlapping on , nothing can clicked or selected. tryed z index popup content layer, didnt worked. above red line unclickable.

do know way achieve such result 2 lines of menu items avoid above mentioned overlapping problem?

this cssenter image description here

/* main navigation menu */ #nav {     float: none;     font-family: 'special elite', verdana, tahoma, sans-serif;     text-align: center; } #nav ul {     list-style: none; } #nav ul li {     background: none!important;     display: inline-block;     text-align: right;     /*height: auto;*/     margin-top: 35px;     **margin-bottom: 226px;**     padding-left: 30px;     padding-right: 30px;     position: relative;     top: -10px; /*  letter-spacing: 5px;*/  } 


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -