स्थिति पूर्ण, शीर्ष दाहिने हाथ कोने (आकार बदलने)

Question

वास्तव में सरल होना चाहिए ... मैंने सोचा।

मैं एक जैसे की स्थापना की है अप:

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

मैं पूरी मुख्य div मेरी स्क्रीन के ऊपरी दाएँ हाथ के कोने पर तैनात किया जाना चाहता हूँ और जब मैं ब्राउज़र का आकार बदलने के, मैं इसे वहाँ रहना चाहता हूँ । मैं निश्चित स्थिति नहीं बोल रहा हूं - बस पूर्ण।

हालांकि, यह सीएसएस काम नहीं कर रहा है। कोई विचार?

#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; 
} 

** संपादित करें **

अगर मैं ऊपर दाहिने हाथ पर div डाल, मैं इसे ("निर्धारित" की तरह) गायब हो जाते हैं जब मैं दाईं से बाईं ओर में ब्राउज़र लाना चाहते हैं।

Answer 1

आईडी और नाम टोकन, एक पत्र के साथ शुरू होगा, यही वजह है कि अपने #1 और #2 शैलियाँ लागू नहीं कर रहे हैं की तरह #a1 या #a2

अद्यतन कुछ करने के लिए उन्हें बदलने के लिए:
बस अपने #main को float:right; जोड़ने div

कार्य demo