Das erste "Kind-Element" selektieren

[Hans Wurst]

Hallo zusammen,
ich arbeite gerade an einem Projekt und möchte gerne eine CSS-Navi (sehr klein gehalten, ehr schlicht und einfach) erstellen.

Hier das Grundgerüst:

<div class="navi">  
 <a href="#" title="">Link 1</a>  
 <a href="#" title="">Link 2</a>  
 <a href="#" title="">Link 3</a>  
 <a href="#" title="">Link 4</a>  
</div>

CSS:
.navi a { ... }

Nun möchte ich gerne per CSS _nur_ das erste <a> Element ansprechen, am besten Browserübergreifend (IE 6-8, FF 2-3.5, Opera und Safari), wie mach ich das?

Das Ziel ist dem ersten Element ein padding zu verpassen, dem Rest aber nicht. Ich möchte ungern ein Style-Attribut anhängen, oder eine eigene Class bzw. ID für dieses Element erstellen, es muss doch auch einfacher gehen oder?!