right border is missing from one header item

[bijoux]

I have put the menu together and it works great!

Except now on the last header item the right border is missing in IE 6 and in Netscape 7.2 the border is there and there is some strange gap on the right between the item and border.

url http://www.dwellingspace.ca/test/contac ... gspace.htm

my menu is two separate files:

menu_main.js

Code: Select all

with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=100;
left=50;
alwaysvisible=1;
position="relative";
orientation="horizontal";
aI("text=home;url=http://www.dwellingspace.ca/test/index.html;status=Back To Home Page;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=about us;showmenu=About;oncolor=white;offcolor=white;offbgcolor=#CCC800;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=our services;showmenu=Services;oncolor=white;offcolor=white;offbgcolor=#FE5815;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=conversation;showmenu=Conversation;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=contact;url=http://www.dwellingspace.ca/test/contact_dwellingspace.htm;;status=Contact Us;oncolor=white;offcolor=white;offbgcolor=#5EC0BA;rawcss=border-top: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;");
}

drawMenus();

menu_data.js

Code: Select all

_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset



with(menuStyle=new mm_style()){
align="center"
separatorcolor="transparent";
separatorsize="1";
separatorpadding=9;
itemwidth="75px"
fontsize="70%";
fontstyle="bold";
fontfamily="Arial, Verdana, Tahoma";
pagecolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
overfilter="Alpha(opacity=80)";
}

with(About=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}

with(Services=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}

with(Conversation=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}

with(milonic=new menuname("About")){
style=About;
onbgcolor="#CCC800";
offbgcolor="#DCE9F0";
margin=10;
aI("text=design approach;url=http://www.dwellingspace.ca/test/about_dwellingspace.htm;");
aI("text=what others say;url=#;");
}

with(milonic=new menuname("Services")){
style=Services;
margin=10;
aI("text=architectural design;url=url=#;");
aI("text=interior decor;url=url=#;");
aI("text=home organization;url=url=#;");
}

with(milonic=new menuname("Conversation")){
style=Conversation;
margin=10;
aI("text=your stories;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=tips;url=#;");
aI("text=links;url=url=#;");
}

drawMenus();

Hopefully you can tell me where I went wrong

Thanks for a fantastic menu,
bijoux

[fredlongworthhighschool]

What happens if you add in an extra button after 'contact'?

[bijoux]

Very good call . .

I added a button after 'contact' and it did the trick so I made the new button transparent and it seems to be working now.

http://www.dwellingspace.ca/test/about_ ... gspace.htm

Thanks for helping me