CSS problem with button rollover

Hi,
I have a problem with "hover" style on button (rollover)
when mouse is up, it doesn't turn to red as it should, only the bottom of the button turns to red
Can you give me a fix for that ?

see the problem there http://cgigraphicdemo.fr/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=74&virtuemart_category_id=10&Itemid=117
under the images "ask a question" button

regards

Could you please show me a sample button which behaves correctly?

Hi Cyberek
I think (but I'm not sure) the good behaviour is the one you can see on Storefront demo there
http://demo.gavick.com/joomla25/storefr ... ccessories
(Product details button). The button turns to red.
but it's style1.css provided with Storefront template, so maybe you can find what should be the good behavior ?

Please edit: /templates/gk_storefront/css/override.css and add at its end:

Code: Select all

a.ask-a-question:hover {
    background: #e81f00;
    border-colour: ##e81f00;
    color: #fff;
}


Remember to enable "CSS override" in template settings - advanced section.