link-liste positionieren

mein css - code

body
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 
}

#ebene1
{
 position:absolute;
 top:20px;
 left:30px;
 width:950px;
 height: 100px;
 background-color:#FFFFFF;
 border-style: solid;
 border-width: 2px;
 border-color: #0000CD;
}

#ebene2
{
 position:absolute;
 top:124px;
 left:30px;
 width:953px;
 height: 25px;
 background-color:#87CEFA;
 
}

#ebene3
{
 position:absolute;
 top:150px;
 left:780px;
 width:200px;
 height:500px;
 background-color:#FFFFE0;
 
}

.logoname
{
 position:absolute;
 top:10px;
 left:15px;
}


{
 font-size:12pt;
 color:#000000;
}


/*Navigation oben*/
ul
{
 display:inline;
 list-style-type:none;
 font-size:10pt;
}

li
{
 display:inline;
}

li a:link, li a:visited
{
 color:#0000CD;
 text-decoration:none;
}

li a:hover, li a:active, li a:focus
{
 color: #FF0000;
}

mein html-code

<div id="ebene2">
        <ul>
           <li><a href="test1.html"></a></li>
           <li><a href="test2.html"></a></li>
           <li><a href="test3.html"></a></li>
           <li><a href="test4.html"></a></li>
           <li><a href="test5.html"></a></li>
           <li><a href="test6.html"></a></li>
           <li><a href="test7.html"></a></li>
           <li><a href="test8.html"></a></li>
           <li><a href="mailto:info@"></a></li>
       </ul>
      
     </div>

Mein Problem ist es, das meine link-liste ca. 20 px nach rechts eingerückt ist, und an der oberen kante der ebene2 sitzt!
Wie kann ich meine link-liste an den linken rand setzen bzw. vom oberen rand der ebene2 eine leerzeile erzwingen,
Kann mir da jemand weiterhelfen?

Abstand nach oben:

padding-top: 20px;

Hast du auch den Link zu deiner Seite?

nein, leider kann ich keinen link bereit stellen, da ich noch keine domain habe.
das mit dem

padding-top

hat nicht funktioniert
Wie kann ich denn meine link-leiste nach wunsch positionieren, muss ich vielleicht auch einen div-bereich daraus machen, oder geht das auch mit

class?