Blog

Hover Bug

I recently came across a bizarre CSS bug today, with the :hover selector. Firefox incorrectly interprets the selector when the tag name is not specified in the CSS path. The below example illustrates the bug:

HTML code:

1. <a href="page.php" class="link">link to page</a>

CSS Code:

1. .link:hover {font-weight: bold;}
2. a.link:hover {text-style: italic;}

Now, the link should be both bold and italic when the cursor is on it, but in Firefox only the second style is applied, as the first doesn't specify the tag in the CSS definition. This issue has been reported to Bugzilla but is (at the time of writing this entry) in an unconfirmed status, so if any of you have the canconfirm permission, I (and many others) would be very grateful if you could verify this issue! For my part, I've tested this in Firefox 3.0.1 on Suse 10.3.

Integrated Browser Search

I've recently been looking into how to integrate a website search with the browser, or more specifically, add a search engine option to the browser that can directly search a website I've developed. There seem to be two alternatives thus far, Sherlock and OpenSearch. I've not had a great deal of time to lend to the investigation of both of these, but when I have, I will mention it some more here.