moving navigation from bottom to top

hi, i was thinking the same thing. i managed to copy the menu to the top
i took this code from the footer page (i cant paste the code here)
it starts with tag nav id=”access” role=”navigation”
and ends with /nav tag.

i placed it in the bottom of the header page.
i also made a duplicate of the css part (i called it nav1 insted of nav)
.nav1 {
width:940px;
height:24px;
margin:0 auto;
margin-bottom:10px;
font-size:24px;
line-height:24px;
}

.nav1 ul {
position: relative;
z-index:597;
float:left;
top:auto !important;
bottom:100%;
list-style:none;
margin:20px 0;
}

.nav1 ul li {
float:left;
height:34px;
margin:0;
margin-right:36px;
vertical-align:middle;
}

.nav1 ul li.hover,
.nav1 ul li:hover {
position:relative;
z-index:599;
cursor:default;
}

.nav1 ul ul {
visibility:hidden;
position:absolute;
top:100%;
left:-10px;
z-index:598;
min-width:150px;
margin-bottom:5px;
background:#FFF;
border-top:#CCC 1px dotted;
font-size:18px;
}

.nav1 ul ul li {
float:none;
min-height:34px;
height:auto !important;
margin:0;
padding:0 10px;
border-bottom:#CCC 1px dotted;
}

.nav1 ul ul ul {
bottom:-10px;
left:99%;
}

.nav1 ul ul ul {
}

.nav1 ul li:hover > ul {
visibility:visible;
}

.nav1 ul li a {
display:inline-block;
padding:5px 0;
color:#252525;
text-decoration:none;
}

for some reason the mouse hover effect doesn’t work and i have no idea why….
hope this helps

• This reply was modified 12 years, 9 months ago by yanivno.
• This reply was modified 12 years, 9 months ago by yanivno. Reason: code didnt show up