Mouseover problem in Firefox

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

re: Mouseover problem in Firefox

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.

re: Mouseover problem in Firefox

chriswalls0024@yahoo.com wrote:
[color=blue]
> I am using a very simple mousover script for the buttons at this URL -
> http://www.amrinc.net/lhsBand/mouseoverProblem.cfm[/color]

Lots of markup errors:
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.amrinc.net%2FlhsBand%2F mouseoverProblem.cfm&charset=%28detect+automatical ly%29&doctype=Inline&ss=1&verbose=1>

[color=blue]
> 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"[/color]
^^^
Same here.
[color=blue]
> Does anyone have any ideas how to correct this?[/color]

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.


--

Martin Honnen
http://JavaScript.FAQTs.com/