Navigation unten rechts erstellen

Hallo,
zunächst möchte ich voraus schicken, dass ich leider noch sehr sehr wenig Ahnung von CSS habe und meine (Basis)HTML-Kenntnisse ca. 10 Jahre alt sind und eher auf Tabellen aufbauen. Also bitte nicht gleich steinigen, wenn die Fragen etwas dämlich wirken :smiley:

Ich bastel mir gerade eine Seite, in der ich einen div rechts neben dem Logo habe und in das ich eine Navigation rechts unten ausgerichtet integrieren möchte mit einem Abstand von je 10px nach rechts und unten. Ich habe es mit einem CSS Menu Generator versucht, jedoch kommt mir das Ding unnötig überladen vor und will nicht so wie ich will. :expressionless:

So sieht’s bisher aus:
[HTML]

[/HTML]Das CSS sieht so aus: [CODE] .menu{ margin-top:70; margin-left:50 padding:0; height:10px; width:100%; display:block; margin-left: 50px; } .menu li{padding:0; margin:0; list-style:none; display:inline;} .menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:15px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; outline:none;} .menu li a span{float:left; display:block; padding-right:15px;} .menu li a:hover{background-position:0px -60px; color:rgb(202,53,28);} .menu li a:hover span{background-position:100% -60px;} .menu li a.active, .menu li a.active:hover{
font:15px Verdana, Arial, Helvetica, sans-serif;
color:rgb(202,53,28);

}[/CODE]

Hat jemand einen Tipp?

Aktuell sieht das Ergebnis dann so aus:
[ATTACH]2076.vB[/ATTACH]