I've divided this page up into 3 sections http://homepage.ntlworld.com/julian....Addresses.html - the first starting "Council Members 2003 -2004, the second starting with "Members of Council" and the third "Ex-Officio members". Immediately below these lines, the first line of the first two addresses on the left and right sides of the page respectively should line up with each other. They only do this in IE Mac, IE5.5 and IE6 PC. As far as I can see it doesn't line up in IE5 PC and Netscape in Mac

I have used 2 div's, one for each column. Within each of these div's, I have nested 3 further div's and these correspond to the 3 sections mentioned above. To separate these sections, I have used 'margin-top'.

I'd very much appreciate any help, as I have no idea what to do!
Philippa

body { background-color: #9cf;
font-size: 80%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0px;
padding: 0px }

#header{ margin: 0px 0px 0px 2%;
padding: 15px 0 0 }



/* Below is the div wrapper for the contents on the left hand side. This encloses the 3 left div's below it */

#left { list-style-type: none;
margin: 10px 1% 20px 2%;
padding: 0px;
position: absolute; top: 140px; left: 20px; width: 45% }



ul#topleft { list-style-type: none;
margin: 0px;
padding: 0px }
ul#midleft { list-style-type: none;
margin: 50px 0px 0px;
padding: 0px }
ul#bottleft { list-style-type: none;
margin: 50px 0px 0px;
padding: 0px }


/* Below is the div wrapper for the contents on the right hand side. This encloses the 3 right div's below it */

#right { list-style-type: none;
margin: 10px 1% 20px 10%;
padding: 0px;
position: absolute; top: 140px; left: 350px }


ul#topright { list-style-type: none;
margin: 0px;
padding: 0px }
ul#midright { list-style-type: none;
margin: 150px 0px 0px;
padding: 0px }
ul#bottright { list-style-type: none; margin: 75px 0px 0px; padding: 0px }

.title { position: absolute; top: 60px; left: 150px }

.bold { font-weight: bold; font-size: 100% }

.italic { font-style: italic }