problema Menù apri e chiudi

[LastonixTM]

Salve raga ho un problema con un menù apri e chiudi...

il menù è questo :

http://pokemonchronicle.altervista.org/PC/Menu.scomparsa/lol.html

una volta inserito in un mio forum però il menù resta aperto e bloccato non riesco a kiuderlo e non si muove al passaggio del mouse..come posso risolvere?

ecco il codice html ke ho inserito:

<div class="stack"> 
		 
		<ul id="stack" style="top: -50px; right: 10px;" class="openStack"> 
			<li style="top: 0px; right: 0px;"><span style="margin-left: 0px;">Staff</span> 
 
			<li style="top: -55px; right: 1.6px;"><a target="_parent" href="/?t=44594001"><span style="margin-left: 0px;">Regolamento 
</span></a> 
 
			<li style="top: -110px; right: 4.800000000000001px;"><a target="_parent" href="/?t=44581255"><span style="margin-left: 0px;">BannerForum 
</span></a> 
 
			<li style="top: -165px; right: 11.200000000000001px;"><a target="_parent" href="/?t=45043258"><span style="margin-left: 0px;">PokeProject 
</span></a> 
 
			<li style="top: -220px; right: 24.000000000000004px;"><span style="margin-left: 0px;">Home</span>			 
		[/list]
	</div>

e questo il css:

* {margin: 0; padding: 0}
body {font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666}

/*================ DOCK 1================ */
#dock {position: relative; top: 150px}
.dock-container {position: relative; top: -8px; height: 50px; padding-right: 20px}
a.dock-item {display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333}
.dock-item span {display: none; padding-right: 20px}
.dock-item img {border: 0; margin: 5px 10px 0; width: 100%}

/*================ DOCK 2================ */
#dockcontainer {position: fixed; top: 60px; right: 6px}
#jqdock {position: relative; bottom: 48px}
#jqdock li {list-style: none}
.jqdocklabel {background: #333; color: #FFF; padding: 3px 10px; border-radius: 10px}

/*================ STACK #1================ */
.stack {position: fixed; bottom: 28px; left: 40px}
.stack > img {position: relative; cursor: pointer; padding-top: 35px; z-index: 2}
.stack ul {list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1}
.stack ul li {position: absolute}
.stack ul li img {border: 0}
.stack ul li span {display: none}
.stack .openstack li span {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 display:block;
 height: 14px;
 position:absolute;
 top: 17px;
 left: 60px;
 line-height: 14px;
 border: 0;
 background-color: #000;
 padding: 3px 10px;
 border-radius: 10px;


 color: #FCFCFC;
 text-align: center;
 text-shadow: #000 1px 1px 1px;
 opacity: .85;
 filter: alpha(opacity= 85)}

/* IE Fixes */
.stack {_position: absolute}
.stack ul {_z-index: -1; _top: -15px}
.stack ul li {*right: 5px}

/*================ STACK #2================ */
.stack2 {position: fixed; top: 28px; left: 40px}
.stack2 > img {position: relative; cursor: pointer; padding-bottom: 35px; z-index: 2}
.stack2 ul {list-style: none; position: absolute; top: 7px; cursor: pointer; z-index: 1}
.stack2 ul li {position: absolute}
.stack2 ul li img {border: 0}
.stack2 ul li span {display: none}
.stack2 .openstack li span {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 display:block;
 height: 14px;
 position:absolute;
 top: 17px;
 left: 60px;
 line-height: 14px;
 border: 0;
 background-color: #000;
 padding: 3px 10px;
 border-radius: 10px;


 color: #FCFCFC;
 text-align: center;
 text-shadow: #000 1px 1px 1px;
 opacity: .85;
 filter: alpha(opacity= 85)}

/* IE Fixes */
.stack2 {_position: absolute}
.stack2 ul {_z-index: -1; _top: -15px}
.stack2 ul li {*left: 5px}