Yeah, it’s one or the other. Wrapping a link around block elements is a new thing in HTML5, but is illegal in older versions of HTML. Although allowed in the latest version, it’s better avoided if you can.
I’m still not at all clear on what you are trying to do, so it makes it hard for us to help. Perhaps create a screen shot of what you want to see (in normal and hover states) and we can suggest how to go about it. It wasn’t clear what part of that page you linked to was the relevant bit.
If you go to www.peopleperhour.com and go half way down to “Marketplace at a Glance” there are personal profile areas of members. You can mousover a cell which changes colour but also one piece of text changes colours and underliners. I can do the mouseover for the cell but not the mouseover affect for the text.
[font=verdana]Right, I think I’m getting there now. What I’m seeing (IE8) is that when you :hover over the block, the colour of the block changes and the colour of the title text changes. That means it’s all linked to :hover on one <a> tag.
What you’re suggesting – having a separate <a> tag for the title text in the block – would mean that the name would only be highlighted in a different colour when you :hovered over the name itself, but not anywhere else in the block.
The way to do that, assuming you’re using HTML5 and so can have an <a> surrounding a <div>, is to put the company name in straight into <div class=“homepagemarketplaceheader”>, and then target that element with CSS along the lines of:
Sorted it, I added a text mouseover affect to “homepagemarketplaceheader” This DIV is just for t title which is what I wanted to change colour on mouseover. So it now has the desired affect I was looking for.