Tja, jag skulle nog ha lagt bildsidan i en tabell och i den tabellen en tabell till som består av 2 celler. Då ska inte texten flyta ut och förstöra layouten. Sedan tillkommer lite chysst padding o spacing så är det hela klart!
När man presenterar bilder i ditt fall så bör man se till att ha samma bredd på bilderna så att det ser snyggare ut.
Vad beror det på att han minskar från höger till vänster?
Det var inte lätt det här och vet inte vilken ände man ska börja med. Men du använder en storlek på bilderna som är för breda för bakgrunden när de ligger bredvid varandra. Detta har du fixat med en cssfix för IE 6 men inte för de andra webläsarna så IE skapar en scroll av det.
Men detta är inte ditt stora problem, som jag ser det. Du har placerat allt i <th> i ett <tr> eller p (lite olika på vägen ner)
<table border="0" height="86" width="100%">
<tbody><tr>
<th scope="col" valign="top" width="50%"><div align="left">
<p></p><center><h3>Rilton 100 år</h3></center>
<br>
<img src="/images/rilton100/rilton100_1.png">
Vi firar 100-årsdagen med pompa och ståt<br>.......</p></th>
</td>
</tr>
</table>
Ser ut som lite gröt av olika saker... och det mesta som finns här är inte korrket i xhtml.
Tittade lite på din startsida och där har du två Doctypes och varför har du XHTML 1.1?
Om jag var du skulle jag nog börja om lite grann från början. Välja en doctype, koda efter den och validera ofta.
För att få sidan att synas någorlunda riktigt under tiden, så skulle jag ändra storleken på bilderna (de stora) och sätta overflow i css och inte bara för IE.
Inte någonn bra lösning, men som en nödlösning...