margin: 0 auto IE6 problem

Question

Может кто-нибудь скажет мне, что ehy в IE 6 div не находится в центре. Я использую margin: 0 auto; Проблема только в IE6!

HTML 

<div id="center"> 
    <div id="top_menu"> 
     <a href="/Default.aspx">Domov</a> 
     · <a href="/EnterSite.aspx">Vpišite stran</a> 
     · <a href="/About.aspx">O nas</a> 
     · <a href="/Help.aspx">Pomoč pri iskanju</a> 
     · <a href="/Marketing.aspx">Oglaševanje</a> 
     · <a href="/Info.aspx">Splošni pogoji in pravila</a> 
    </div> 
    <a href="http://www.viamura.si"><img src="/images/viamura_logo.png" width="294" height="95" border="0" alt="viamura" /></a> 
    <div id="tabs"> 
     <ul> 
      <li><asp:LinkButton ID="btnWeb" runat="server" CssClass="web_selected" 
        onclick="btnWeb_Click">Web</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnMap" runat="server" CssClass="map" 
        onclick="btnMap_Click">Zemljevidi</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnWeather" runat="server" CssClass="weather" 
        onclick="btnWeather_Click">Vreme</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnImages" runat="server" CssClass="images" 
        onclick="btnImages_Click">Slike</asp:LinkButton></li> 
      <li><asp:LinkButton ID="btnConverter" runat="server" CssClass="converter" 
        onclick="btnConverter_Click">Converter</asp:LinkButton></li> 
     </ul> 
    </div> 

CSS:

#center { 
width:520px; 
margin:0 auto; 
} 

#tabs { 
width:400px; 
margin:0 auto; 
} 

#tabs ul li a.web,#tabs ul li a.map,#tabs ul li a.weather,#tabs ul li a.images,#tabs ul li a.converter,#tabs ul li a.web_selected,#tabs ul li a.map_selected,#tabs ul li a.weather_selected,#tabs ul li a.images_selected,#tabs ul li a.converter_selected { 
background-color:#0C0; 
float:left; 
height:18px; 
text-indent:-9999px; 
} 

#tabs ul { 
float:left; 
width:459px; 
margin:10px 0 0 41px; 
} 

#tabs ul li { 
float:left; 
margin:0 2px 0 0; 
} 

#tabs ul li a.web { 
background:url(../images/tab_web.png) no-repeat; 
width:46px; 
} 

#tabs ul li a.map { 
background:url(../images/tab_map.png) no-repeat; 
width:80px; 
} 

#tabs ul li a.weather { 
background:url(../images/tab_weather.png) no-repeat; 
width:58px; 
} 

#tabs ul li a.images { 
background:url(../images/tab_images.png) no-repeat; 
width:48px; 
} 

#tabs ul li a.converter { 
background:url(../images/tab_converter.png) no-repeat; 
width:78px; 
} 

#tabs ul li a.web_selected { 
background:url(../images/tab_web_selected.png) no-repeat; 
width:46px; 
} 

#tabs ul li a.map_selected { 
background:url(../images/tab_map_selected.png) no-repeat; 
width:80px; 
} 

#tabs ul li a.weather_selected { 
background:url(../images/tab_weather_selected.png) no-repeat; 
width:58px; 
} 

#tabs ul li a.images_selected { 
background:url(../images/tab_images_selected.png) no-repeat; 
width:48px; 
} 

#tabs ul li a.converter_selected { 
background:url(../images/tab_converter_selected.png) no-repeat; 
width:78px; 
} 

Answer 1

Вам нужно положить

text-align: center 

либо в body, или дополнительный div вокруг center дел.

body 
{ text-align: center; } 

Чтобы предотвратить все дочерние элементы, имеющие центрированный текст, а также, вы должны сбросить выравнивания текста:

#center { 
width:520px; 
margin:0 auto; 
text-align: left; 
}