I'm trying to make adropdown menu for my GF's sight and she is picky about how
it will look she dosent want the space between the button but if i remove the
space in any way i've found then the menu dosen't work here is the code for the
frame could someone help me.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en-us" dir="LTR">
<HEAD>
<TITLE>Welcome To NoirLuna Leather</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META NAME="Description" CONTENT="">
<META NAME="KeyWords" CONTENT="">
<META NAME="rating" CONTENT="">
<script type="text/javascript">
<!--
var count=0;
var topFrame=parent.parent;
function load() { }
function order(){if(topFrame.coreLoaded) topFrame.extra.core.order();}
function viewBasket(){if(topFrame.coreLoaded)
topFrame.extra.core.viewBasket();}
// -->
</script>
<script language="JavaScript">var l=' lang="en-us" dir="LTR"'; var
a1=l.indexOf("lang="); var a2=l.indexOf("\"",a1+6); var
l=l.substr(a1+6,a2-a1-6).toLowerCase(); var p=location.pathname; var
f=p.substring(p.lastIndexOf("/")+1,p.length); if(top.location == location) {
var s = "../home.html?lang="+l; var flag="on"; } </script>
<script>if(!flag){
topFrame.coreLoad();
}</script>
<META HTTP-EQUIV="Expires" CONTENT="100000">
<script language="JavaScript" type="text/javascript">
<!--
function show3d(){if(parent.parent.coreLoaded)
parent.parent.extra.core.show3d();}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}


//-->
</script>
<style type="text/css">
<!--
A:hover { color: #FF0000;text-decoration:none}
A:link {text-decoration: none}
A:visited {text-decoration: none}
body {margin:0px}
-->
</style>
</head>
<!--tocimage.jpg -->
<body background="" bgcolor="#000000" link="#FFFFFF" alink="#FFFFFF"
vlink="#FFFFFF" text="#FFFFFF">
<script>topFrame.deptCalled=true; if(flag=="on")
{document.write('<br><center><form><input type="button" value="ENTER SHOP"
onClick="Javascript:location=s"></form></center>');}</script>

<!-- end -->

<table align="center">
<!--Links used to initiate the sub menus. Pass in the desired submenu index
numbers (ie: 0, 1) -->

<a href="dept_4.html" target="content" onMouseover="showit(0)"
onMouseout="resetit(event)" ><img id="Floggers" src="buttons/Floggers.gif"
border="0" alt="Floggers"></a>

<!-- Edit the dimensions of the below, plus background color-->
<ilayer width=0 height=0 name="dep1" bgColor="#000000">
<layer name="dep2" width=0 height=0>
</layer>
</ilayer>

<div id="describe" style="background-color:#E6E6FF;width:1px;height:1px"
onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>

<script language="JavaScript1.2">

/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit [url]http://www.dynamicdrive.com[/url]
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure
everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<font size="2" face="Verdana"><b><a
href="http://www.javascriptkit.com/cutpastejava.shtml">Scripts</a> | <a
href="http://www.javascriptkit.com/javaindex.shtml">JS tutorials</a> | <a
href="http://www.javascriptkit.com/javatutors/index.shtml">Advanced JS
tutorials</a> | <a href="http://www.javascriptkit.com/java/">Applets</a> | <a
href="http://www.javascriptkit.com/howto/">Web Tutorials</a></b></font>'

submenu[1]='<font size="2" face="Verdana"><b><a
href="http://freewarejava.com/applets/index.shtml">Applets</a> | <a
href="http://freewarejava.com/tutorials/index.shtml">Tutorials</a> | <a
href="http://freewarejava.com/javasites/index.shtml">Sites and Zines</a> | <a
href="http://freewarejava.com/jsp/index.shtml">JSP</a></b></font>'

//Set delay before submenu disappears after mouse moves out of it (in
milliseconds)
var delay_hide=20

/////No need to edit beyond here

var menuwidth='165px' //default menu width
var menubgcolor='lightyellow' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

var menuobj=document.getElementById? document.getElementById("describe") :
document.all? document.all.describe : document.layers?
document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&&
!contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>
<tr><a href="dept_5.html" target="content"><img id="Collars"
src="buttons/Collars.gif" onMouseOver="document.images['Collars'].src =
'buttons/Collars-over.gif'" onMouseOut="document.images['Collars'].src =
'buttons/Collars.gif'" onMouseDown="document.images['Collars'].src =
'buttons/Collars-down.gif'" onMouseUp="document.images['Collars'].src =
'buttons/Collars-over.gif'" onLoad="new Image().src='buttons/Collars-over.gif';
new Image().src='buttons/Collars-down.gif'" hspace="3" vspace="3" border="0"
alt="Collars"></tr></a>
<tr><a href="dept_6.html" target="content"><img id="bondage"
src="buttons/bondage.gif" onMouseOver="document.images['bondage'].src =
'buttons/bondage-over.gif'" onMouseOut="document.images['bondage'].src =
'buttons/bondage.gif'" onMouseDown="document.images['bondage'].src =
'buttons/bondage-down.gif'" onMouseUp="document.images['bondage'].src =
'buttons/bondage-over.gif'" onLoad="new Image().src='buttons/bondage-over.gif';
new Image().src='buttons/bondage-down.gif'" hspace="3" vspace="3" border="0"
alt="bondage"></tr></a>
<tr><a href="dept_12.html" target="content"><img id="paddles"
src="buttons/paddles.gif" onMouseOver="document.images['paddles'].src =
'buttons/paddles-over.gif'" onMouseOut="document.images['paddles'].src =
'buttons/paddles.gif'" onMouseDown="document.images['paddles'].src =
'buttons/paddles-down.gif'" onMouseUp="document.images['paddles'].src =
'buttons/paddles-over.gif'" onLoad="new Image().src='buttons/paddles-over.gif';
new Image().src='buttons/paddles-down.gif'" hspace="3" vspace="3" border="0"
alt="paddles"></tr></a>
<tr><a href="dept_11.html" target="content"><img id="whips"
src="buttons/whips.gif" onMouseOver="document.images['whips'].src =
'buttons/whips-over.gif'" onMouseOut="document.images['whips'].src =
'buttons/whips.gif'" onMouseDown="document.images['whips'].src =
'buttons/whips-down.gif'" onMouseUp="document.images['whips'].src =
'buttons/whips-over.gif'" onLoad="new Image().src='buttons/whips-over.gif'; new
Image().src='buttons/whips-down.gif'" hspace="3" vspace="3" border="0"
alt="whips"></tr></a>
<tr><a href="dept_10.html" target="content"><img id="CBT"
src="buttons/CBT.gif" onMouseOver="document.images['CBT'].src =
'buttons/CBT-over.gif'" onMouseOut="document.images['CBT'].src =
'buttons/CBT.gif'" onMouseDown="document.images['CBT'].src =
'buttons/CBT-down.gif'" onMouseUp="document.images['CBT'].src =
'buttons/CBT-over.gif'" onLoad="new Image().src='buttons/CBT-over.gif'; new
Image().src='buttons/CBT-down.gif'" hspace="3" vspace="3" border="0"
alt="CBT"></tr></a>
<tr><a href="dept_8.html" target="content"><img id="Wearables"
src="buttons/Wearables.gif" onMouseOver="document.images['Wearables'].src =
'buttons/Wearables-over.gif'" onMouseOut="document.images['Wearables'].src =
'buttons/Wearables.gif'" onMouseDown="document.images['Wearables'].src =
'buttons/Wearables-down.gif'" onMouseUp="document.images['Wearables'].src =
'buttons/Wearables-over.gif'" onLoad="new
Image().src='buttons/Wearables-over.gif'; new
Image().src='buttons/Wearables-down.gif'" hspace="3" vspace="3" border="0"
alt="Wearables"></tr></a>
<tr><a href="dept_9.html" target="content"><img id="Assorted"
src="buttons/Assorted.gif" onMouseOver="document.images['Assorted'].src =
'buttons/Assorted-over.gif'" onMouseOut="document.images['Assorted'].src =
'buttons/Assorted.gif'" onMouseDown="document.images['Assorted'].src =
'buttons/Assorted-down.gif'" onMouseUp="document.images['Assorted'].src =
'buttons/Assorted-over.gif'" onLoad="new
Image().src='buttons/Assorted-over.gif'; new
Image().src='buttons/Assorted-down.gif'" hspace="3" vspace="3" border="0"
alt="Assorted"></tr></a>
<tr><a href="pg_10.html" target="content"><img id="custom"
src="buttons/custom.gif" onMouseOver="document.images['custom'].src =
'buttons/custom-over.gif'" onMouseOut="document.images['custom'].src =
'buttons/custom.gif'" onMouseDown="document.images['custom'].src =
'buttons/custom-down.gif'" onMouseUp="document.images['custom'].src =
'buttons/custom-over.gif'" onLoad="new Image().src='buttons/custom-over.gif';
new Image().src='buttons/custom-down.gif'" hsp