CSS - mellemrum mellem DIV

Hej eksperter

Jeg er klar over, at dette emne har været oppe utrolig mange gange, men da jeg ikke mener at have fundet nogle helt brugbare løsninger, forsøger jeg mig med en ny tråd :))

Jeg står i den situation, at jeg har en menu samt et toplogo. De er hver især placeret i hver sin DIV hvilket også er helt fint. Desværre opstår der et irriterende mellemrum mellem disse to DIV's, som jeg ikke har kunnet formå at få rodet bod på - ønsker gerne en nogenlunde overskuelig kode jo.

Kodeeksempel:
    <div id='div_menu'>
        <a href=''><img src='images/menu_xxx.jpg' alt='xxx'></a>
        <a href=''><img src='images/menu_xxx.jpg' alt='xxx'></a>
        <a href=''><img src='images/menu_xxx.jpg' alt='xxx'></a>
        <a href=''><img src='images/menu_xxx.jpg' alt='xxx'></a>
        <a href=''><img src='images/menu_xx.jpg' alt='xxx'></a>
    </div>
   
    <div id='div_toplogo'>...</div>

CSS:
body {
    margin: 0px;
    background-image: url('images/bg_body.jpg');
    background-repeat: repeat-x;
    }

#div_menu {
    position: relative;
    display: inline;
    margin: 0px;
    }
#div_toplogo {
    position: relative;
    margin: 0px;
    background-image: url('images/pic_toplogo.jpg');
    background-repeat: no-repeat;
    width: 906px;
    height: 257px;
    }

På forhånd tak