[css] liste, margin e bordo

Devo fare una lista che abbia il testo a 5px di margin-left, mentre il bordo deve essere a 0px di margin (1px di spessore)
Per ora sono arrivato al punto di mettere entrambi attaccati:

Codice:

---

#menu ul{
        list-style: none;
        margin: 0;
        padding: 0;
}
#menu li{
        font-weight: bold;
        font-size: 12pt;
        border-bottom: 1px solid gray;
}

---

o entrambi staccati:

Codice:

---

#menu ul{
        list-style: none;
        margin: 0;
        padding: 0;
}
#menu li{
        font-weight: bold;
        font-size: 12pt;
        border-bottom: 1px solid gray;
        margin-left: 5px;
}

---

Come potrei fare??

(nn fate caso al codice che è abbastanza schifosetto, ma ho appena riniziato a cimentarmi nel webdeveloping, quindi per il momento sto semplicemente provando alcune cose ;))