絶対位置、右上隅（リサイズ）

Question

本当にシンプルなはずです...私は考えました。

私のような設定した

：

<div id="main"> 
    <div id="a1">THE FIRST</div> 
    <div id="a2">THE SECOND</div> 
</div> 

私は全体のメインのdivが私の画面の右上隅に位置するようにしたいと私は、ブラウザのサイズを変更すると、私はそれがそこに滞在したいです。私は固定的なポジショニングを話しているわけではない - ただ絶対。

ただし、このCSSは機能しません。何か案は？

#main { 
     position:relative; 
    top:0; 
    right:0; 
    z-index:300; 
    min-width:0; 
    width:8%; 
} 

#main #a1 { 
    position:absolute; 
    background: #082540; 
    z-index: 300; 
    right:0; 
    top:40px; 
} 

#main #a2 { 
    position:absolute; 
    background: #082540; 
    z-index: 300; 
    right:0; 
    top:0; 
} 

** EDIT **

私は右上にdiv要素を入れた場合、私は私が右から左へ、ブラウザを持参するときには（「固定」のように）消えたいです。

Answer 1

IDとNAMEトークン#a1または#a2

UPDATEのようなものに変更し、あなたの#1と#2スタイルが適用されていない理由がある、文字で始まる必要がありますちょうどあなたの#mainにfloat:right;を追加
div

作業中demo