доработка ролловера на css
 

ДОбрый день!
Сдела ролловер на css, но вторая строчка в ссылке игнорирует падинг. (см аттач)
Как выкрутиться из это ситуации и сделать одинаковый отступ слева?
Роллервер на css сделан специально, для удобства добавления новых менюшек.

- Код Html-
<tr>
<td width="140" class="dropdown" valign="middle"><a href="our_barbara.html">Construction Accidents</a></td>
</tr>
---

- Код CSS-
.dropdown {
border:solid 0px #FFFFFF;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #333333;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
margin:0 0 0 0;
background-image: url(../images/menu_center_line.gif);
background-repeat: no-repeat;
background-position: left bottom;


}
.dropdown a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #4F5054;
text-decoration: none;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 27px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
vertical-align: middle;
background-image: url(../images/menu_punkt.gif);
background-repeat: no-repeat;
background-position: left center;


}
.dropdown a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #768ECB;
text-decoration: none;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 27px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
vertical-align: middle;
background-image: url(../images/menu_dropdown_over.gif);
background-repeat: no-repeat;
background-position: left center;
}
---

может просто добавить display: block; в описание свойств .dropdown a и .dropdown a:hover, ну раз уж Вы хотите от тега A блочного поведения?