IE7 Hover styles

Part of my job is looking after an Intranet and HR Portal and one of the current tasks I have assigned myself is keeping it up to date as its starting to look a little sad.

Its going to be a long project from start to end but I have started nonetheless. With auditors due in shortly we thought it be for the best if we followed up on their observations from last time which meant sorting out our asset management.

Currently we have an old excel file that is way out of date which we just wave about when the auditors come alas it failed us last time so we thought we had better do something about it and make it more easy to look after so I started doing an asset management and tracking PHP and MySQL addition to the current Intranet.

Having done a few item entries and testing the search functionality I though a row highlighter would be good so you could hover over the item in question and it would be highlighted. Having looked through some dirty fixes and pages of endless JScript to do the task I found that IE7 has a :hover tag for all parts now similar to how it did for hyperlinks in previous versions.

Having played and failed to get it to work the fix was found in a posting on a fellow Bloggers site: http://www.bernzilla.com/item.php?id=762 , to save those too lazy to read any more basically enter:

<-!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"->

(Remove the first and last hyphen) Add this to the start of your page even before the opening <-html-> (hyphens added to protect the innocent) tag. Just make sure that you have no existing styles on your tag when you create your TR:Hover style.