html - How to put horizontal dropdown menu bar -

i've faced problem putting horizontal sub menu bar. basically, can vertical dropdown menubar, haven't idea how make horizontal dropdown menu bar. can: http://jsfiddle.net/esxt9

but need this: https://www.dropbox.com/s/idx2r5bkbuzd1t0/horizonatl-sub-menubar.png

i want css. thought, have change code:

.nav ul ul {         position: absolute;         left: 0;         right: 0;         display: none;         z-index: 5;      } 

i removed left:0, right: 0, gave width 100%. but, won't work. can't idea should do. please, me.

give width inner ul , float li inner ul http://jsfiddle.net/esxt9/1/

.nav ul ul {     position: absolute;     width:1000px;     left: 0;     right: 0;     display: none;     z-index: 5;  } .nav ul ul li {     float:left;     margin: 0; }