Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

css Hover problem in chrome and safari

Tags:

html

css

webkit

This is the site which has a problem

http://www.clubforeducation.com/

Top menu will change its color at mouse over. All browsers except chrome and Safari. Is it a Webkit bug. If that how can i solve this?

like image 353
sathish Avatar asked Dec 04 '09 07:12

sathish

1 Answers

I find setting display:block on the <a> works. I don't recommend li:hover because it doesn't work in IE6

like image 92
Jarrett Widman Avatar answered Sep 21 '22 21:09

Jarrett Widman
Sign in to Comment

Related questions

How to show text only on mobile with CSS?
DOM Element.Closest Child
How to fontawesome 5 solid and regular icons n pseudo elements
Make image fit CSS Grid
How to use Oculus Go trackpad to move in AFrame
jinja2.exceptions.TemplateSyntaxError: expected token ',', got 'static'
How to hide .html extension in a Node.js server?
How to load an iframe without blocking onload or waiting for onload
How to have a css outline on a <button> tag, only by tab, but not on click?
How to change <Nav.Link> text color in React?
Page not redirecting to stripe checkout after it passed form validation
Animation of the image of the WINTER BASH 2020 season
How to load an external JavaScript on a condition
Wiki style text formatting
How To make a Form and Div have a max width of child elements
blogengine without php or asp.net etc
How can I set a css ":hover" on a DOM created element in JavaScript?
IE bug with TD's tables and whitespace?
What does font size -2 mean here?
What's the difference between <input type="button" /> and <button>? [duplicate]

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!