从右侧将图像浮动到其他div上

Question

我已经阅读过很多关于浮动div的帖子，但是我已经测试过的东西还没有找到成功，所以我在这里...（我还是新手，所以道歉如果我的代码不是超级干净！）

我有一张图像，我想漂浮在其他几个人身上。我的目标（如果可以实现）是将它放在.container右上角的固定位置。我很接近......但是我无法让图像从右边移动，而现在它正在坐着，它正在将另一张照片撞到标题之外（没有添加.crosses，它位于绿色中） ，右对齐。）

该项目要求它在IE7中看起来仍然很好（或很好地降级）。

我在这里设置了一个小提琴:(无法弄清楚红色错误的意思是“链接到jsfiddle.net必须附带代码”）所以，如果你可以去那里访问： http://jsfiddle.net/cathi/VAkk5/5/

HTML（摘录）：

<div class="container">

<div class="crosses"><img src="/img/common/crosses-motif.png" width="213" height="118" alt="crosses-motif" /></div>

<div class="header"></div>
 <div class="hero">
    <div class="herophoto">photo</div>
  </div>
</div>

CSS（摘录）：

.container {
    width: 80%;
    margin: 0 auto; 
}

.crosses {
    float:right;
    margin-right:0;
        margin-top:130px;
}

.header {
    height: 150px;
}

.headerlogo {
    width: 250px;
    padding-top: 80px;
    padding-left: 20px;
    float:left;

}

.headerlogo2 {
    float:right;
}

.hero {
    height: 205px;
}

.heroheadline {
    height: 0;
    width: 450px;
    padding-top: 45px;
    padding-left: 70px;
    float:left;
}

.herophoto {
    height: 205px;
    width: 333px;
    float: right;
}