I have created a list and it works fine with two minor points. At the begining and end, the list give two dots.

The CSS is

.kefalonia { /* controls the listings in the index and thee graves with several names */
list-style-type:none;
display:table;
padding:0;
margin:0 auto;
}
.kefalonia li { /* controls the listings in the index and thee graves with several names */
display:table-row;
text-align:left;
padding:0;
margin:0;
}
.kefalonia p { /* controls the listings in the index and thee graves with several names */
display:table-cell;
text-align:left;
padding:3px 20px 3px 0; /* padding-right visually separates "columns" */
}
.kefalonia div {
display:table-cell;
}

The HTML is here

<ul class="kefalonia">
<li>
<p>Serjeant George Didcott</p>
<p>&nbsp;</p>
<p>Oct 25th 1835</p></li>

<li><p>Corporal George Simpson</p>
<p>&nbsp;</p>
<p>Sept 29th 1835</p></li>

<li><p>Prvt George Bennett</p>
<p>&nbsp;</p>
<p>Aug 28th 1835</p></li>
<li><p>Prvt John Moran</p>
<p>&nbsp;</p>
<p>Oct 1st 1835</p></li></ul>

I am sure it's me because the CSS works well with other pages but I have looked for ages and cannot spot a difference

The page is http://www.c5d.co.uk/staffordshiremilitia.php

Thanks for looking

Antony