IE6 First Field is positioned to the left of the rest of the form

[DataRater]

This is IK on Chrome and IE 7/8 Fiirefox. Here is the example.

 

<div id='NewsTopInsertForm'>

<form action='http://www.test.com/NewsInsert' method='post'>

<input name='Mode' type='hidden' value='INSERT' size='40' maxlength='40'/>

<table width='100%'>

<tbody>

 

<tr>

<td>

<ol>

<li><label for="url" >URL <span class='required'>required</span></label>

  <textarea class="One" id="url" name="url" rows="2" cols="60 ">http://</textarea>

  <font style="color:#DCDCDC;"></font>

</li>

<li><label for="title" >Title <span class='required'>required</span></label>

  <textarea class="One" id="title" name="title" rows="2" cols="60 ">Put a friendly title here</textarea>

  <font style="color:#DCDCDC;"></font>

</li>

<li><label for="description" >Description <span class='required'>required</span></label>

  <textarea class="One" id="description" name="description" rows="7" cols="60 ">Enter your description</textarea>

  <font style="color:#DCDCDC;"></font>

</li>

</ol>

</td>

</tr>

 

<tr>

<td>

<div id='NewsTopInsertFormSubmit'><input type='submit' class='submit' value='Add news'/>

</div>

</td>

</tr>

</tbody>

</table>

</form>

</div>

 

 

#NewsTopInsertForm {

clear            : both;

margin          : 0px 0px 0px 0px;

padding          : 20px 0px 20px 0px;

display          : block;

width            : 100%;

background-color : #6D97B3;

}

#NewsTopInsertForm ol{

border          : 1px solid #FF0000;

padding          : 5px 5px 0px 5px;

list-style      : none;

}

#NewsTopInsertForm li{

margin          : 0px 0px 0px 100px;

border          : 1px solid #00FF00;

width            : 90%;

list-style      : none;

}

#NewsTopInsertForm label{

float            : left;

border          : 1px solid #0000FF;

width            : 150px;

margin-right    : 10px;

text-align      : right;

}

#NewsTopInsertFormSubmit{

display          : block;

width            : 96%;

padding          : 5px;

text-align      : center;

}

 

 

Thanks for looking,

 

Stephen

 

 

[n000bie]

Adding width to ol works ( i think)

#NewsTopInsertForm ol{
width              :100%;
padding          : 5px 5px 0px 5px;
list-style          : none;
}

[DataRater]

I've fixed it. Lots of silly mistakes but having the <li>s means I need a class and not an id.

 

Thanks a lot.

[DataRater]

finished