Højrestille billede i <div>

Jeg vil gerne placere et billede og herunder en horisontal menu i den div, der hedder "top". Jeg har top, leftmenu, shoppingcart, indhold indeni min container. Har prøvet med #top img {float: right; }, men så ryger det hele til venstre for billedet. Er der nogen, der kan hjælpe? Min CSS-fil ser således ud:
#container
{
width : 90%;
margin : 10px auto;
}
#top
{
padding: .5em;
float : top;
}

#leftmenu
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}
#shoppingcart
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}
#indhold
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em;
}