Mouseover problem in Firefox

[chriswalls0024]

I am using a very simple mousover script for the buttons at this URL -
http://www.amrinc.net/lhsBand/mouseoverProblem.cfm

In Firefox, the ON state of the buttons includes a 1-pixel hairline gap
on the far left of the button. It only does this when it is centered.
It doesn't appear when the buttons are not centered.
It works fine in IE.


Here is the code -

a href="about/"
onMouseOver="document.the_image1.src='/images/menuTop/aboutON.gif';"
onMouseOut="document.the_image1.src='/images/menuTop/aboutOFF.gif';"><img
name="the_image1" IMG SRC="/images/menuTop/aboutOFF.gif" ALT="About"
border="0" width=49 height="32"></a>


Does anyone have any ideas how to correct this?

Thanks,
Chris

 

[chriswalls0024]

I should also mention that the problem doesn't occur in Firefox when
the broswer is set at Maximize to take up the whole screen.

 

[Martin Honnen]

I am using a very simple mousover script for the buttons at this URL -
http://www.amrinc.net/lhsBand/mouseoverProblem.cfm

Lots of markup errors:

a href="about/"
onMouseOver="document.the_image1.src='/images/menuTop/aboutON.gif';"
onMouseOut="document.the_image1.src='/images/menuTop/aboutOFF.gif';"><img
name="the_image1" IMG SRC="/images/menuTop/aboutOFF.gif" ALT="About"

^^^
Same here.

Does anyone have any ideas how to correct this?

You could start fixing the errors and have a valid HTML document so that
Firefox is in strict, standards compliant rendering mode.

Then tell us exactly which Firefox version you see the problem with,
maybe also provide a screen shot that outlines the problem, I can't
currently see it.