li med billede ved siden af hinanden

Hej

Jeg har pt lige problemer med at kun have 2 li med billeder af ved side af hinanden. jeg har prøve alt muligt men jeg synes bare ikke rigtigt at jeg kan få det til at virker overhovedet.

Ligesom du kan se billedet hvordan jeg mener og det ser ud lige nu:

SE HER

sådan her ser kode ude;

 <ul>
 <li id=\"beskeder_mail\">Skriv besked</li>
 <li id=\"bruger_indhold\">Tilføj som ven</li>
 </ul>

Det her er min css til lige hele det område også der hvor der stå "admin" som du kan se lidt af,

 .profil {
     margin: 2px;
 }
 #profilside_1 {
     float: left;
     border-right: 1px solid #CCCC99;
     padding: 5px;
 }
 #profiltekst {
     width: 570px;
     float: left;
     margin: 10px;
     padding: 2px;
 }
 #profiltekst ul {
     clear: both;
     height: 20px;
 }
 #profiltekst h2 {
     padding: 0px;
     margin: 0px;
 }
 #profiltekstbox_top {
     border: 1px solid #CCCCCC;
     margin-bottom: 5px;
     
     -webkit-box-shadow: 0 8px 6px -6px black;
        -moz-box-shadow: 0 8px 6px -6px black;
             box-shadow: 0 8px 6px -6px black;
             
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 #profiltekstbox_top h2 {
     color: #FFF;
     padding: 3px;
     margin-bottom: 5px;
     background: #494949;
     
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 #profiltekstbox_top p {
     margin: 4px;
 }

Jeg har prøve at gøre sådan her:

 #profiltekst li {
     display: inline;
 }

 #profiltekst li {
     float: left;
 }

det har bare ikke rigtigt hjælp mig videre øvøv