HTML + CSS help

Nusibraižiau tokią juosta per ps ^_^

http://img210.imageshack.us/img210/7451/pagrindinisst4.png

Išsikirpau tokį failiuką

http://img142.imageshack.us/img142/4534/bghe1.gif bg.gif

Tada padariau du linkus

<a href="#" class="linkai1" alt="home">home</a>
<a href="#" class="linkai2" alt="view ads">view ads</a>

ir padariau šį css kodą

a.linkai1 {
text-decoration:none;
font-family:Arial;
font-size:13px;
color:#202020;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}
a.linkai2 {
text-decoration:none;
font-family:Arial;
font-size:13px;
color:#ffffff;
background-image:url(images/bg.gif);
padding-bottom:4px;
padding-top:4px;
padding-left:15px;
padding-right:15px;
}
a.linkai2:hover {
background-image:none;
background-color:#ada8a8;
}

,bet deja to neužteko, kad gaučiau tenkinantį rezultatą :)

http://img514.imageshack.us/img514/8744/14999843rj7.png

Gal kas galit padėt "nuleist" tuo linkus žemiau ir truputėlį "suglaust"? :)

P.S. Atsiprašau už klaidas :)

Turbūt per daug prirašiau, kad niekas neatrašo ^_^ :) :)

a.linkai1 {

text-decoration:none;

font-family:Arial;

font-size:13px;

color:#202020;

background-color:#FFFFFF;

padding-top:10px;

padding-bottom:10px;

padding-left:20px;

padding-right:20px;

DISPLAY:block;

float: left;

}

a.linkai2 {

text-decoration:none;

font-family:Arial;

font-size:13px;

color:#ffffff;

background-image:url(bg.gif);

padding-bottom:4px;

padding-top:4px;

padding-left:15px;

padding-right:15px;

DISPLAY:block;

float: left;

}

a.linkai2:hover {

background-image:none;

background-color:#ada8a8;

}

Tik buttonu gale padek <br/><br/> ^_^

Man atrodo kažkas vistiek netaip bus :)

Vis tiek kažkas ne to gaunasi... ^_^

http://img168.imageshack.us/img168/1978/82590597ps2.png