将图像放在div的右上角

Question

我有这样的div。

CSS
div.container {
    float: left;
    position: relative;
    overflow: hidden;
    display: table;
    width: 790px;
    height: 90px;
    background-image:url('test.png'); 
    background-repeat:no-repeat;
}

HTML
<div class="container">
    Hi
</div>

我想在这个div的右上角添加3张图片。

喜欢这个;

|                      [Img 1][Img 2][Img 3]|
|                                           |
|                                           |

我尝试了几件事，但一直在破坏我的页面，特别是当我将图像向右浮动时。

我怎样才能做到这一点？