CSS Styling In A 12 Column Grid

Hey guys, I need a little help on the site I'm working on . I'm trying to move the two images so they are side by side to the right of the navigation menu, like this. I've tried using floats on the divs responsible for the pictures and the list where the menu resides, but to no avail. Im using a 12 column in 960 grid system. This (http://pastebin.com/nfrctRhS) is the CSS code for the page. I really a开发者_JAVA技巧ppreciate any help you guys can offer, as I've been stuck on this problem for quite a while. Thanks!

if you take off your images of the div #featured and add

#featured {
    width:100px;
    float:left;  
}

?

Your main problem is nav has a padding-right:800px; This means there is not room within the nav div for them to fit.

set

header nav { padding-right:0px; } 

for the desired result.