erstens Link - padding zweitens div mit x prozent und padding

[suit]

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

das soll auch so sein - wenn du das nicht willst, nimm einen aussenabstand (margin)

kann man so was machen, ich meine von der "Sauberkeit " her?

in dem man cascading style sheets dem namen entsprechend nutzt und kaskaden verwendet

jedem link eine klasse geben und uncool - gib dem gemeinsamen übergeordneten element eine klasse geben und selektiere damit

zudem ist .unterstrichen ein dämlicher klassenname

.menu oder .sidebare zb wären besser, dem zweck entsprechend

wenn deine links dort nicht mehr unterstrichen sondern blau überstrichen oder rot hinterlegt sein sollen, müsstest du alle .unterstrichen in .blauueberstrichen ändern ;)