Как выровнять списки определений в IE6?

Question

У меня сильная головная боль при попытке выровнять некоторые элементы в ie6. Он выглядит хорошо в ie7 и firefox, но элементы dt не появляются в ie6. кто-нибудь может помочь? вот код ..

<div id="listMembers">  
  <h3>Members</h3>
   <dl class="myDL">        
       <dt>Name</dt>        
       <dd>John Smith</dd>      
       <dt>Address</dt>
       <dd>the street</dd> 
       ...  
     </dl>  
     <div id="listOptions">         
        <div>
          <table>...</table>
        </div>
     </div> 
 <div>

и css: -

DL.myDL {
    BORDER-RIGHT: black 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: black 2px outset; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #ccbe99; PADDING-BOTTOM: 2px; BORDER-LEFT: black 2px outset; WIDTH: auto; PADDING-TOP: 2px; BORDER-BOTTOM: black 2px outset; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif
}
DL.myDL DT {
    CLEAR: both; PADDING-RIGHT: 3px; DISPLAY: inline; 
    FLOAT: left;    
    WIDTH: 250px; TEXT-ALIGN: right
}

Я хочу, чтобы текст dt был выровнен по правому краю, а dd - по правой стороне с выравниванием по левому краю. Я сбрасываю поле для всех элементов на 0, прежде чем что-либо еще в CSS, и элементы находятся в пикировании с относительной позицией.

Answer 1

Вам нужно заставить hasLayout на DL. Например добавить DL.myDL { zoom:1 }