CSS search button text

[hendrickx]

I'm working on my site (http://mystikalscents.com/index.php) and I noticed that if I load the page, the test on the search button is white. If I touch it with my cursor, and move off it, it changes to #e8b6eb -- I'm sure this is a setting in css (a.mrk:hover maybe?) but I can't find it.

Can anyone tell me why it's doing this? Everything else seems OK.

Thanks in advance for the help!

[niccol]

Not quite that simple.

When you use css buttons some javascript is added to the button. In this case the javascript adds a class when the hover happens and then removes the class when the hover stops.

Except in your case the class is not being removed because there is an error in the javascript.

To be brutally honest I can't be bothered to track down why but here is a work around. In your file stylesheet_css_buttons.css you find this line:

.cssButtonHover {
color: #e8b6eb;
border-style: inset;
text-decoration: none;
}

and change it to:

.cssButtonHover {
color: white;
border-style: inset;
text-decoration: none;
}

You won't have solved the javascript error but it will look better.