Ярлык оффлайн не на своём месте

.msgAutorInfo span.offline{font-weight:bold;font-size:10px;color:#777777;padding&a
mp;#
58;0 4px;margin:-15px -5px 5px 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3

px;-khtml-border-radius:3px;border-top-right-radius:0px;-webkit-border-t

op-right-radius:0px;-moz-border-radius-topright:0px;-khtml-border-top-ri

ght-radius:0px;display:block;float: right;position: relative;box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);-khtml-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);margin-left:-25px;background:#D6D6D6 url(../images/mini_bg_light.png) repeat-x center;border:1px solid #777777}
.msgAutorInfo span.offline span{background-color:#777777;
border-top-right-radius:3px;-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;-khtml-border-top-right-radius:3px;
position:absolute;top:-4px;right:-1px;width:5px;height:4px}
.msgAutorInfo span.online{font-weight:bold;font-size:10px;color:#FCFCFF;padding: 0 4px;
margin:-15px -5px 5px 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
-khtml-border-radius:3px;border-top-right-radius:0px;-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;-khtml-border-top-right-radius:0px;
display:block;float: right;position: relative;box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); 
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);
-khtml-box-shadow:1px 1px 3px rgba(0,0,0, 0.25);margin-left:-25px;background:#62A641 url(../images/mini_bg_light.png) repeat-x center;
border:1px solid #5FA23E}
.msgAutorInfo span.online span{background-color:#5fa23e;border-top-right-radius:3px;-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;-khtml-border-top-right-radius:3px;position:absolute;top:-4px;right:-1px;width:5px;height:4px}

<span class="offline"><span></span>Оффлайн</span>
<span class="online"><span></span>Онлайн</span>