在浏览器调整大小后div改变位置

Question

我搜索很多并找到了很多这个问题的链接，但没有一个对我有用，我决定发帖，我真的需要帮助。

我在固定位置使用div一切正常但是当我调整浏览器大小时它会改变位置......

代码链接

＆＃13;

＆＃13;

.sidebox {
position: absolute;
	position:fixed;
	right: 45px;
	top: 30%;
	width: 140px;
	padding: 5px 5px 5px 5px;
	color: #fff;
	background: #1c9ccd 0 -24px;
	display:block;
	border-radius: 0px 15px 15px 0px; border: 2px solid #1681A9; border-left: 0px;

}
.sidebox:after { content: " "; 
display: block;
 position: absolute;
 border: 4px solid transparent; 
 border-top-color: #167DA5; 
 border-right-color: #167DA5; 
 bottom: -9px; right: 95%; }


ul.side-box {right:0px; width: 140px;text-align: right;
    margin: 0em;}

ul.side-box li {
    margin: 0;
	height:45px;
	line-height:45px;
	padding: 0px;
	display: block;
	font-size:16px;
	font-weight:normal;
	text-shadow: 1px 1px #333;}
.number{float:left; width:auto;height:35px; font-size:24px; font-weight:normal; color:#fff; text-align:center;text-shadow: 1px 1px #333;}

＆＃13;

<div class="sidebox">
<ul class="side-box">
<li>One<span class="number">1</span></li>
<li>Tow<span class="number">2</span></li>
<li>Three<span class="number">3</span></li>
</ul>
</div>

＆＃13;

＆＃13;

＆＃13;