nav bar drop down not quite right

hi,

want to use the code in the link below but cant get it to work.

its the 10th post down when you click on link.

https://help.forumotion.com/t81583-navbar-drop-down

this is how it looks now.

using punbb.skin is iskin.



thanx guys

did you add this to your css?

Code:

#pubtn
{ margin: 0;
padding: 0;
z-index: 30}

#pubtn li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 12px arial}

#pubtn li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background-color: #78C773;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF;
text-align: center;
text-decoration: none}

#pubtn li a:hover
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;

background-color: #56B051;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
}
#pubtn div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #78C773 !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;}

#pubtn div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-color: #D7F5D5;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #56B051;
font: bold 13px arial}


#pubtn div a:hover
{ background-color: #78C773;
background-image: url("http://i30.servimg.com/u/f30/13/70/55/62/grey-u10.png");
color: #FFF}

all good cheers.

Solved?