Firefox, buttons and norcascade

[peanut]

I've used Normans amazing javascript menu (lifesaver big time!!) however I have positioned it via an "a" tag but in firefox the menu is stuck in the top left handside of the screen. Plus for some reason my buttons which are nearly fine in the cascading menu, have went mental in the left hand menu.

To view how these should look please visit http://speedy.bpweb.net on i.e

I am using virtually the same styling on these - cascade is using:

.firstText {text-decoration: none;color: #000000;font: 13px "Arial, Helvetica";text-align: center;vertical-align: middle;background:url(blue-btn.gif) no-repeat;padding: 2px 0px 0px;}
a.firstText:link { text-decoration: none; color: #000000; font: 13px "Arial, Helvetica"; text-align: center; vertical-align: middle; background:url(blue-btn.gif) no-repeat;padding: 2px 0px 0px; }
a.firstText:hover{ text-decoration: none; color: #FFFFFF; font: 13px "Arial, Helvetica"; text-align: center; vertical-align: middle; background:url(blue-btn2.gif) no-repeat;padding: 2px 0px 0px; }

my left hand menu is using

.btn {
font-size: 13px;
color: #000000;
background: url(blue-btn.gif) no-repeat;
text-align: center;
padding: 2px 0px;
height: 24px;
width: 155px;

}
a.btn:link {
font-size: 13px;
color: #000000;
background: url(blue-btn.gif) no-repeat;
text-align: center;
padding: 2px 0px;
height: 24px;
width: 155px;
}
a.btn:hover{
font-size: 13px;
color: #ffffff;
background: url(blue-btn.gif) no-repeat;
text-align: center;
padding: 2px 0px;
height: 24px;

}


Thanks in advance tearing my hair out! here

[NormanRouxel]

I've answered the NorCascade bit of this on www.drillpine.biz/forums