Hi guys, I have been trying for hours to put this code from horizontal to vertical I know it has to do with display:block attribute but I am not sure where to put it to make it work. the menu has dropdowns as well. Please help me I wil pay 10USD Via paypal to the winner I will be testing the codes the first one to work well in IE6+ and FF1.5+ I will announce the winner and pay. the code /* -- Edit the styles below to change the color of the dropdown menu -- */ #headermenu li ul { border: solid 1px #606060 ;} #headermenu a { color:#FFFFFF;} #headermenu li {} #headermenu li li { border-top: solid 1px #606060 ;} #headermenu li li a { background: #3D3D3D; color: #fff; color:#fff;} #headermenu li li a:visited { background: #3D3D3D; color:#fff;} #headermenu li li a:hover { background: #606060 ; color: #fff; text-decoration: none;} /* -- End styles for the dropdown menu -- */ #headermenu { font-size: 10px; font-weight: bold; margin: 0; padding: 0; margin-right: 15px; } #headermenu a { display: block; padding: 3px 5px 3px 5px; font-size: 11px; letter-spacing: -1px; font-weight: bold; } #headermenu ul { list-style-type: none; padding: 0; margin: 0; display: inline;} #headermenu li { padding: 0px; margin: 0px; float: left; list-style-type: none; } #headermenu li a { display: block; float: left;} #headermenu ul li a, #headermenu ul li a:hover, #headermenu ul li:hover, #headermenu ul li.over { z-index: 100;} #headermenu ul li:hover ul, #headermenu ul li.over ul { display: block;} #headermenu li ul { border-top: 0px; display: none; z-index: 150; text-align: left; list-style-type: none; padding: 0; margin: 0; position: absolute; margin-left: 0px; margin-top: 18px; clear: both; } #headermenu li:hover ul, #headermenu li.over ul { display: block; } #headermenu li li { clear: left; display: block; } #headermenu li li a { padding: 3px 4px; margin: 0; border:0; display: block; width: 100px; font-size: 11px; letter-spacing: normal; font-weight: normal;}