Your page renders discs as the list style type in my copies of IE.

Some things you probably know

• The default list style type for an unordered list is a disc displayed before each line item.
• The list style marker is in the left margin (or for some browsers, the left padding) Reducing the value in the list or list item in either of these declarations, from the default,  may result in  the list style marker not rendering. (not your case, as far as I can see not having read your style sheets)
• There a number of properties which, if declared on the list become the default for the list item.  List style type is one of these. It serves no purpose to re-declare such properties on the list item (in the normal course of events).

I was just wondering why you have used a single cell table. (expensive).  Given your requirement I would probably proceed as follows.

Louise

____________styling___________________

div.order {width:696px;margin:auto;}   /* if display is fixed width and to be centered*/

div.order h2 {background:#eee;  /* font property rules to suit*/  /*margin property rules to suit */ }        /*if this is the second level header */

div.order ul { /* property rules to suit */}

div.order ul li { /*property rules to suit*/ }

____________markup___________________

<div class="order">

<h2>condition 1</h2>

<ul>

      <li>condition 1.1</li>

      <li>condition 1.2</li>

</ul>

<h2>condition 2</h2>

<ul>

      <li>condition 2.1<li>

      <li>condition 2.2<li>

</ul>

</div>

Discussions on whether to table or not to table regularly deteriorate into a useless flaming.  I am a user of html and would not regard myself as an authority in anyway.  My job is to supervise the creation web material and its display so that it is stable, can be easily managed at source, holds down broadband costs, is cross browser and, where ever possible, complies with the W3 recommendations and leaves the client to use whatever browser setting available to him.  I have no interest really in theoretical analysis, just its use.

As you know a table is defined as a layout of rows set out in columns or fields

            jones | bill  | accounts |

The purests have the view that this is the semantic meaning of an html table and it should not be applied otherwise.  Layouts, they say, are the province of CSS.

However none of the current browsers have the ability to interpret aspects of CSS layouts  even with esoteric hacks, devices and dreadful compexibility that results in document sources that are nearly unintelligible and can result in display problems under certain client browser conditions.

On the otherhand many authors always use layout tables, especially if they employ certain WYSIWYG editors (some in heavy use for commercial sites) They are reliable though.

The problem with tables, unlike most html elements, is the problem the browser faces in painting the page. It has to assume certain things in providing space for the table that it is interpreting line by line and then adjust when it hits the table end.  Nesting tables, especially to a number of levels slows things down (apart from the source being hard to read and manage for changes and edits)

In this place, layout tables are only used if there is no ready! alternative (and never nested).  As far as possible elements are to flow using width, align,  padding and margin declarations to position.  If objects are to be painted out of the flow, float declarations, to a lesser extent, relative positioning and to an even lesser extent absolute positioning.

Common reasons to use a layout table is to avoid complex absolute positioning, to manage element height and avoid layout disruption if the client changes the viewport width, the text size or default font

In my view a single cell table is never appropriate.  Where this might be used the content would have been  best placed in a div, or other, container to which styling of that contents can be related. For example

div.mydiv {width:60%;margin:auto;}

div.mydiv h3 {color...... etc}

div.mydiv p {font.....etc}

div.mydiv a {....}

div.mydiv a:hover {....}

________

<div class="mydiv">

<h3>heading</h3>

<p>text ...... <a .....>..</a></p>

</div>

Louise