Мне нужно меню, которое просто меняет цвет при наведении на него и имеет другой цвет на активной ссылке, однако всякий раз, когда я наводю курсор на ссылку, она смещает контнет вверх.Я также не могу заставить активную часть CSS работать.Любые предложения.
div.InnerRight {
width: 7px;
float: right;
margin-right: 10px;
}
div.content {
line-hieght: 100%;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
color: rgb(255, 255, 255);
margin-left: 10px;
}
td.nav {
vertical-align: middle; cursor: pointer;
background: rgb(160, 182, 226);
line-height: 150%;
}
td.nav:hover {
vertical-align: top;
background: rgb(25, 56, 121);
line-height: 150%;
text-decoration: underline;
color: white;
}
td.nav:active {
vertical-align: top;
background: rgb(25, 56, 121);
line-height: 150%;
text-decoration: none;
color: white;
}
<table style="text-align: left; width: 111px; height: 13px;"border="0" cellpadding="0" cellspacing="8">
<tbody>
<tr>
<td class="nav"onclick="document.location.href='http://betawestsussexurologyllp.weebly.com/';">
<div class="InnerRight">
<img class="dot"alt="dot"src="http://www.weebly.com/uploads/5/7/5/9/5759838/custom_themes/615015250510160105/files/dot.png?36558"><br></div><div class="content">Home<br>
</div></td></tr></tbody></table>