eleminator30
New Member
I have simple tables like this:\[code\]<table border="1"><tr> <td>title1</td> <td>title2</td> <td>title3</td></tr><tr> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td></tr><tr> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td></tr><tr> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td> <td><a href="http://stackoverflow.com/questions/15525564/#">item1_1</a></td></tr></table>\[/code\]Combined with my CSS, the result would be:http://jsfiddle.net/yzsfH/As you can see, the hyperlinks inside the table kinda "moves" when hovering over it.Of course that movement is an unwanted effect, and I would like to get rid of it.I did some search on it, but could not find anything satisfying.Could someone explain, why this is happening and how to fix it?Thanks.