CSS for image next to logo? Book coming out - Please help!

[findingpeace]

I'm looking for a way to align an image in my header right above the nav tabs.

I'm releasing a book, and I thought it'd be awesome marketing to put the book cover above a tab that says "Get the Book", and make both of them link to the Amazon page.

Example (and no, this is not the cover!)



Just pretend "What's new" says "Get the book"

Unfortunately I'm awful at CSS. I assume this must be relatively easy to place an image a certain amount of px over? The logo ends exactly at the end of the word "free", so this image should not collide with it.

We use a fixed width, so this shouldn't ever cause any resizing problems.

Thank you!

--------------- Added [DATE]1363275882[/DATE] at [TIME]1363275882[/TIME] ---------------

Figured this out. in vbulletin-chrome.css, I just added a new line:

.logo-image2 {
     
position: absolute; bottom: 0; left:531px;
        clear: {vb:stylevar right};
        min-height: 2em;
        height: auto !important;
        padding: {vb:stylevar titleimage_padding};
}