Advice putting links on both sides of navigation bar

I`ve given up trying to do it with lists and am attempting to do it with divs instead but it`s getting messy..

I really want this so if anyone has a solution I`m willing to paypal some cash over to you for it.

I want al the links to stay where they are but I want to add some extra links on the right hand side of the navigation bar in the header.

Now we`re getting somewhere I actually tried that before but put the links below and it didn`t work, putting them above sort of works though.

Just one problem now, the links float to the right but those I specify to be on the right appear ontop of each other. Here`s my markup:

    $links[] = '<li class="navextra"><a href="index.php">Extra1</a>';
    $links[] = '<li class="navextra"><a href="index.php">Extra2</a>';
    $links[] = '<li id="navindex"><a href="index.php">'.$lang_common['Index'].'</a>';
    $links[] = '<li id="navuserlist"><a href="userlist.php">'.$lang_common['User list'].'</a>';

.navextra {
    float: right;
}

Tried this to seperate the links but didn`t work

.navextra {
    float: right;
    display: inline;
    margin-right: 12px
}

punbb automagicaly closes it a few lines down in functions.php

normaly yeah but it doesn`t work on this float for reasons I wish I knew.

EDIT:
I have a feeling it`s not possible to acheive this with one list. Again I could be wrong but for the life of me I can`t figure it out.

Yep and no luck.

Here`s an image of the two links ontop of each other on the right..

Sure

.navextra {
    float: right;
    display: inline;
    margin-right: 12px;
    padding-right: 10px;
    clear: both;
}

I tried using a div to clear then aswell

I can usually figure stuff out eventually but this had me stumped. It`s all very quick and easy when you know how!

Your simple solution of putting both links in the same list item half works, only way to space them is with multiple   and if each link isn`t in it`s own li then I might aswell remove the list altogether and use divs instead. Luckily setting the width for each link worked so I can stay with the more semantic list.

The final result then:

functions.php

    // Index and Userlist should always be displayed
    $links[] = '<li class="navextra1"><a href="index.php">Link 1</a>';
    $links[] = '<li class="navextra2"><a href="index.php">Link 2</a>';
    $links[] = '<li class="navextra3"><a href="index.php">Link 3</a>';
    $links[] = '<li id="navindex"><a href="index.php">'.$lang_common['Index'].'</a>';
    $links[] = '<li id="navuserlist"><a href="userlist.php">'.$lang_common['User list'].'</a>';

CSS

.navextra1 {
    float: right;
    width: 24px;
    white-space: nowrap;
}

.navextra2 {
    float: right;
    width: 74px;
}

.navextra3 {
    float: right;
    width: 124px;
}

The width and white-space attributes on the first link are only necessary to control the space between the link and edge of the board.

Thanks to everyone who helped and I did say I`d paypal some cash for a solution, so how much do I owe who?

Yeah I`ll change to em`s later, thanks for the reminder though.

Just one last note, you can`t use the additional menu items option because the they will appear above the floated right links in the source which pushes them out of line.
I`ve just hard coded the extra link I wanted into functions.php, there might be a way to have them apear below the floated links but I`ve not bothered looking.