सीएसएस white-space: nowrap क्षैतिज स्क्रॉल बग

Question

मैं निम्न मार्कअप

<style type="text/css"> 
    #outer 
    { 
     min-height: 100%; 
     height: auto !important; 
     height: 100%; 
     width:100%; 
     white-space:nowrap; 
    } 

    #inner 
    { 
     background-color:#CCCCCC; 
     margin:0px 4px 0px 4px; 
     padding:5px 5px 0px 5px; 
     border:1px solid #9A9A9A; 
     border-width:1px 1px 0px 1px; 
    } 

</style> 

<div id="outer"> 
    <div id="inner"> 
    TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST 
    </div> 
</div> 

जब ब्राउज़र काफी व्यापक है, यह इस

तरह लग रहा है जब ब्राउज़ संकीर्ण आकार दिया जाता है, यह दिखता है इस

मैं संकीर्ण दृश्य की भूरे रंग की पृष्ठभूमि को स्क्रॉल करते समय दाईं ओर सभी तरह से विस्तारित करना चाहता हूं। #outer पर, width: 100% हटाने और float: left जोड़ें: मेरी मार्कअप और सीएसएस के बारे में क्या इस अवांछित प्रभाव (क्रोम, FF3 और IE8 में होता है)

Answer 1

एक आसान समाधान यह करने के लिए है खड़ी कर रहा है।

Live Demo