OK, you have your li‘s set to display: inline, but in order to give the a‘s a background image, you have them display: block, which means they each get their own line. Instead of using display: inline, try floating the a‘s and li‘s, either right or left, then they’ll line up next to each other. Next, you have to set the width on the a’s since there’s no text there to make sure the element is wide enough to show the whole sprite, and you need to make sure that #myheader-right is wide enough for them all to be next to each other.
And just a note: it’s generally frowned upon to use id’s like myheader-right, since that is describing what it should look like rather than what its contents are. Try, I dunno, #nav and #navContainer or something. Although, that #myheader-right div is kind of unnecessary, right? You can just put those styles on ul#nav-right instead.
Good luck!
