Css 如何将图像放置在div的外部但位于右侧

我尝试在div的右侧显示图像（表示垂直显示的文本）。如下图所示，我的图像显示在div的内部。但我希望在div的右侧（外部）显示我的图像

这是我的css：

.outer-gray
{
width: auto;
border: 1px solid #efefed;
border-collapse: collapse;
margin-right: 20px;
display:block;
background: transparent url('Images/framework-asp-net-mvc3.png') no-repeat bottom right;
}

谢谢。

试试这个

<div class="container">
    a lot of content
    <div class="outter"></div>
</div>
<style>
    .container{position:relative}
    .outter{
        position:absolute;
        right:-10px;
        bottom:0;
        height:200px;
        width:10px;
        background:url(some.png) no-repeat
    }
</style>

很多内容
.container{位置：相对}
奥特先生{
位置：绝对位置；
右：-10px；
底部：0；
高度：200px；
宽度：10px；
背景：url（some.png）不重复
}

相关：&。