Ingen mellemrum ved linjeskift

Hej igen,

Jeg har følgende kode:

<div id="menu">

        <a href="fotografier.html"><img src="images/design_01.jpg" width="147" height="55" alt=""></a><br />
        <a href="tegninger.html"><img src="images/design_03.jpg" width="147" height="43" alt=""></a><br />
        <a href="kunst.html"><img src="images/design_04.jpg" width="147" height="43" alt=""></a><br />
        <a href="digital.html"><img src="images/design_05.jpg" width="147" height="41" alt=""></a><br />
        <a href="malerier.html"><img src="images/design_06.jpg" width="147" height="45" alt=""></a><br />

</div>

Problemet er at ved hvert linjeskift er der et par pixels mellemrum. Hvordan fjerner jeg dem?

----

På samme tid må der godt forklares, hvordan jeg fjerner borders fra billederne. Har prøvet med følgende, men det virker ikke..

    a    {
        line-height: 0px;
        border: 0px;
        text-decoration:none;
    }