You've configured the style width to 152 (which to be effective should have units specified (added here in red):
Code:
#dropmenudiv a, span{
color: black;
width: 152px;
. . .
and the default width value in the script to 152px:
Code:
var menuwidth='152px' //default menu width
but, in your individual onmouseover calls (example):
Code:
onMouseover="dropdownmenu(this, event, menu0, '159px')"
in the area tags:
Code:
<map name="Map">
<area shape="rect" coords="1,63,152,84" href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu0, '159px')" onMouseout="delayhidemenu()">
<area shape="rect" coords="154,63,305,84" href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '159px')" onMouseout="delayhidemenu()">
<area shape="rect" coords="307,63,458,84" href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '159px')" onMouseout="delayhidemenu()">
<area shape="rect" coords="460,63,611,84" href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '159px')" onMouseout="delayhidemenu()">
<area shape="rect" coords="613,63,764,84" href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '159px')" onMouseout="delayhidemenu()">
<area shape="rect" coords="50,15,265,50" href="japantown.shtml">
</map>
You've left it at 159px. I think you can use empty single quotes and it will follow the defaults. If not, setting each one to 152px should certainly get you that dimension. Example onmouseover event with empty single quotes for the width:
Code:
onMouseover="dropdownmenu(this, event, menu4, '')"
Bookmarks