CSS a img border problem

[Sic]

just can't get rid of me recently!

does anyone know how to make the border go away from the bottom of the image here?

it's actually driving me mental that it won't go away! i thought i'd tried everything, but i can't have because it's still there

any help will stop me brutally murdering my family tonight

im working on it at the moment, the source is

a, a:link, a:visited
{
padding: 0;
border: none;
border-bottom: #031b46 1px dashed;
color: #031b46;
text-decoration: none;
}
a:hover
{
border: none;
border-bottom: #031b46 1px solid;
text-decoration: none;
}
a:active
{
padding: 0;
border-bottom: #031b46 1px dashed;
color: #031b46;
text-decoration: none;
}
a img, a:link img, a:visited img, a:hover img, a:active img {
border: none;
border-bottom: none;
padding: 0;
text-decoration: none;
}

when i remove borders from the a declarations, the borders go, but i can't do it through a img

 

[paulsheffII]

Hmm, how about a class instead?

 

[Sic]

it doesn't work assigning a class either? because the borders are being attached at the bottom level, i presume

 

[Sic]

meh, i'm just sick of it now. changed my link styles