erstens Link - padding zweitens div mit x prozent und padding

[Andy]

Guten Tag,

es ist für die Profis sicherlich sehr einfach, aber leider nicht für mich

.unterstrichen
{ font-size:70%;
 color:#333;
 padding:4px 0 4px 4px; /* oben rechts unten links*/
 text-decoration: none;
}
a.unterstrichen:link  { padding-bottom: 1px; }
a.unterstrichen:visited { padding-bottom: 1px; }
a.unterstrichen:hover   { color: #fff; border-bottom: 1px dotted #fff; }
a.unterstrichen:aktive  { color: #fff;  border-bottom: 1px solid #fff;}

was muss ich machen, um nur den Text unterstreichen zu lassen, weil in meinem Fall werden immer die 4 pixel padding rechts mit unterstrichen.

Mein zweites Problem:
#kopf_la
{
width: 30%;
float: left;
background-color:#33cc00;
line-height:30px;
border-bottom: 1px solid #000;
}

Wenn ich hier padding:4px hinzufüge, wird die Box ja um die 4px (links rechts) größer, wie handhabt man dieses?
Mein erster Gedanke war width: 28%; und padding:1%, aber das sieht nicht gut aus.
Mein zweiter Gedanke war
#kopf_la_pad
{
padding:4px
}
<div id="kopf_la">
<div id="kopf_la_pad">
.......
kann man so was machen, ich meine von der "Sauberkeit " her?

danke
Andy