Hovering Over Hyperlink - Moves Page

Hi,

I've been researching my HTML into a bug I found on my site. Whenever someone hovers over a hyperlink, then the whole page text moves.

You can see it at http://www.milofi.com/hosting.php . Hover over a link and you'll see it.

Can you spot the problem?

Thanks.

 

Hi milofi,

As you probably realise, the problem is relatively straightforward - it looks to me like the hovered text is different in some way (other than the decoration) to the non-hovered.

Sorry if this is vague but I have to say I found your CSS quite difficult to penetrate and you've got an awful lot of redundancy in there. It might be worth trying to simplify - make more use of the 'cascading' part of CSS and tidy things up a bit. I read those two top links as having the following CSS ancestry:

html>body>table #Table_01 .frame>tbody>tr>td .text1>p>span .a style2>a .a

which is a little complex for what are essentially two 'normal' hotlinks. I'd also strongly recommend against using 'a' as a class - or any single letter for that matter. The benefits in having small class names don't outweigh the disadvantages of clarity, in my opinion.

Jon

 

Thanks for your help, I managed to fix the issue.