Hi
First id like to say thanks to veeryone works for this great website.
I'm a beginner and i wanted to get a drop line tab using this Tuto so i got a problem which is the sub menus don't appear (down arrow too) so i didnt get what's wrong .
here i explain what i did :
first this is my blog url here to check the issue
i pasted this code before ]]></b:skin> :
.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font: bold 11px Verdana, sans-serif;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a{
float:right;
color: white;
background: #c76023 url(http://www.dynamicdrive.com/cssexamples/leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 4px 0 0;
padding: 0 0 4px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(http://www.dynamicdrive.com/cssexamples/rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color: #b05016; /*background color of tabs onMouseover*/
color: white;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #c76023; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
background: #c76023; /*sub menu background color */
}

.droplinetabs ul li ul li a span{
background: #c76023; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #714421;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script src="http://www.fileden.com/files/2009/8/12/2541583/myFiles/droplinemenu.js" type="text/javascript"></script>

<script type="text/javascript">

//build menu with DIV ID="myslidemenu" on page:
droplinemenu.buildmenu("droplinetabs1")

</script>

then the HTML code after <div class='wrapper'> :

<div class='droplinetabs' id='droplinetabs1'>
<ul>
<li><a href='http://www.dynamicdrive.com/'><span>Home</span></a></li>
<li><a href='http://www.dynamicdrive.com/style/'><span>CSS Examples</span></a>
<ul>
<li><a href='#'>Activities 1</a></li>
<li><a href='#'>Activities 2</a></li>
<li><a href='#'>Activities 3</a>
<ul>
<li><a href='#'>Water Sports 1</a></li>
<li><a href='#'>Water Sports 1</a></li>
<li><a href='#'>Water Sports 1</a></li>
<li><a href='#'>Water Sports 1</a></li>
</ul>
</li>
<li><a href='#'>Activities 4</a></li>
</ul>
</li>
<li><a href='http://tools.dynamicdrive.com'><span>Tools</span></a></li>
<li><a href='http://www.javascriptkit.com/'><span>JavaScript</span></a>
<ul>
<li><a href='#'>Traveling 1</a></li>
<li><a href='#'>Traveling 2</a></li>
<li><a href='#'>Traveling 3</a></li>
<li><a href='#'>Traveling 4</a>
<ul>
<li><a href='#'>Africa 1</a></li>
<li><a href='#'>Africa 2</a></li>
<li><a href='#'>Africa 3</a></li>
<li><a href='#'>Africa 4</a>
<ul>
<li><a href='#'>Kenya 1</a></li>
<li><a href='#'>Kenya 2</a></li>
<li><a href='#'>Kenya 3</a></li>
<li><a href='#'>Kenya 4</a></li>
<li><a href='#'>Kenya 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Traveling 5</a></li>
</ul>
</li>
<li><a href='http://www.cssdrive.com'><span>Gallery</span></a></li>
</ul>
</div>
please help me