<div> opfører sig ikke ordenligt

Hejsa!

Jeg har følgende kode:
<p class="menupunkt">Tekst</p>
<div style="border:1px outset white; border-top:0px; margin:0px;"><p>Velkommen her der ;) </p></div>


Problemet er, at mellem mit først <p>-tag og min <div> kommer der ca. 11 pixels gab, altså hvor man bare ser baggrunden på siden. Fjerner jeg "border-top:0px;" fra min <div> forsvinder problemet, men det ser ikke særligt fedt ud med en hvid stibe imellem de to "blokke".

Jeg kan ikke finde fejlen, noget der kan???

Min CSS for menupunkt:
.menupunkt {
    border:1px outset white;
    border-bottom:0px;
    background-color:#3F4883;
    margin:0px;
    padding:2px;
    font-size:0.8em;
    font-family : "Trebuchet MS", sans-serif;
    color:white;
}

//mtrolle