HILFE Showmenu2

Hallo WB Gemeinde
ich bin ein Neuling und brauch dringend Hilfe

Ich habe viel gelesen über Showmenu2 und man wird immer auf diese Seite http://code.jellycan.com/sm2test/ verwiesen.
Doch ich werde nicht schlau welches ich aus der Auswahl nehmen muss.

bei meinem Dropdown Menu sieht so aus

Code:

<div id="navigation">
<div>
<ul class="menu">
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
</ul>
</div>

Mein CSS sieht so aus

Code:

.menu {
padding:0 0 0 32px;
margin:0;
list-style:none;
height:42px;
background:#fff url(img/button1a.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
}

.menu li.top {
display:block;
float:left;
position:relative;
}

.menu li a.top_link {
display:block;
float:left;
height:39px;
line-height:40px;
color:#FFFFFF;
text-decoration:none;
font-size:1em;
font-weight:bold;
padding:0 0 0 12px;
cursor:pointer;
border: solid 1px #000000;
}

.menu li a.top_link span {
float:left;
font-weight:bold;
display:block;
padding:0 24px 0 12px;
height:39px;
}

.menu li a.top_link span.down {
float:left;
display:block;
padding:0 24px 0 12px;
height:39px;
background:url(img/down.gif) no-repeat right top;
}

.menu li a.top_link:hover {color:#000; background: url(img/button4.gif) no-repeat;
}

.menu li a.top_link:hover span {
background:url(img/button4.gif) no-repeat right top;
}

.menu li a.top_link:hover span.down {
background:url(img/button4a.gif) no-repeat right top;
}

.menu li:hover > a.top_link {
color:#000; background: url(img/button4.gif) no-repeat;
}

.menu li:hover > a.top_link span {
background:url(img/button4.gif) no-repeat right top;
}

.menu li:hover > a.top_link span.down {
background:url(img/button4a.gif) no-repeat right top;
}

.menu table {
border-collapse:collapse;
width:0; height:0;
position:absolute;
top:0; left:0;
}

.menu a:hover {
visibility:visible;
}

.menu li:hover {
position:relative; z-index:200;
}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0; height:0;
margin:0;
padding:0;
list-style:none;
}

.menu :hover ul.sub {
left:2px;
top:40px;
right:2px;
background: #fff;
padding:3px 0;
border:1px solid #197196;
white-space:nowrap;
width:300px;
height:auto;
}

.menu :hover ul.sub li {
display:block;
height:20px;
position:relative;
float:left;
width:250px;
}

.menu :hover ul.sub li a {
font-weight:normal;
display:block;
font-size:1em;
height:20px;
width:192px;
line-height:20px;
text-indent:5px;
color:#000;
text-decoration:none;
border:3px solid #fff;
border-width:0 0 0 3px;
}

.menu :hover ul.sub li a.fly {
background:#fff url(img/arrow.gif) 80px 7px no-repeat;
}

.menu :hover ul.sub li a:hover {
background:#197196;
width: auto;
color:#fff;
}

.menu :hover ul.sub li a.fly:hover {
background:#197196 url(img/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
}

.menu :hover ul li:hover > a.fly {
background:#197196 url(img/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
left:90px;
top:-4px;
background: #fff;
padding:3px 0;
border:1px solid 95d2ee;
white-space:nowrap;
width:93px;
z-index:200;
height:auto;
}

Hat jemand mit mir Geduld? Um mir Show Menu2 zu erklären wo ich was einfügen muss und auf was ich speziel achten muss???

Ich Danke euch allen für eure Geduld und Verständnis mt mir.