फ़्लोट: दायां आई 7 7 बग

Question

मैं आईई 7 फ्लोट सही बग नहीं समझ सकता! इसने मेरी नाक में दम कर रखा है। आईई 7 को छोड़कर मेरा एनएवी बार हर जगह शानदार दिखता है। मैंने पहले से ही एक विशिष्ट आईई 7 सीएसएस बनाया है और विभिन्न दृष्टिकोणों की कोशिश की है, लेकिन अभी भी कोई सफलता नहीं है। link text

ऐसा प्रतीत होता है LI तत्वों .container अंदर #NAV बाहर चल रहे हैं।

FLOAT:RIGHT के लिए आईई 7 फिक्स में से कोई भी?

बहुत धन्यवाद।

.container { 
    width: 983px; 
    margin: 0 auto; 
    background: fuchsia; 
} 
ul#nav { 
    height: 44px; 
    margin: 32px auto; 
    position: relative; 
} 
ul#nav li, ul#nav li a { 
    display: block; 
    height: 44px; 
    margin-left: 3px; 
    position: relative; 
} 
ul#nav li { 
    padding-left: 0; 
    height: 44px; 
    position: relative; 
    z-index: 10060; 
} 


<div class="container"> 
    <ul id="nav"> 
     <li><a class="navtop_7" href="#"></a></li> 
     <li><a class="navtop_6" href="#"></a></li> 
     <li><a class="navtop_5" href="#"></a></li> 
     <li><a class="navtop_4" href="#"></a></li> 
     <li><a class="navtop_3" href="#"></a></li> 
     <li><a class="navtop_2" href="#"></a></li> 
     <li><a class="navtop_1" href="#"></a></li> 
    </ul> 
</div> 

Answer 1

IE7 में यह jsfiddle.net example प्रदर्शित करता है जिस तरह से मुझे लगता है कि आप इसे करने के लिए, अपने विवरण के आधार पर हैं:

यहाँ मेरी कोड है। (भविष्य के संदर्भ के लिए, एक संदर्भ छवि प्रदान करें जिसे आप प्राप्त करने का प्रयास कर रहे हैं।)

.container { 
    width: 983px; 
    margin: 0 auto; 
    background: fuchsia; 
} 
ul#nav { 
    height: 44px; 
    margin: 32px auto; 
} 
ul#nav li { 
    display: block; 
    float: right; 
    background: green; 
    padding-left: 0; 
    width: 140px 
    height: 44px; 
} 
ul#nav li a { 
    background: blue; 
    display: block; 
    height: 44px; 
    width: 137px; 
    margin-left: 3px; 
}