I need someone with a sharp eye to help me out. My page looks exactly as I want it to in Firefox, but for some reason it's being quirky in IE. The layout is arranged with tables, and it's supposed to have a bar/separator across the top and the bottom. To make the bars shrink or expand depending on the width of the content between them, I set the image as a background within the < td > 's and placed the rounded tip of the bar as an image within the cell aligned to the right. This works perfectly in Firefox, but for reasons I can't figure out, the tip won't align to the right in IE. It's not left of centered, either, but showing up a little before the midway point on both bars. I can't figure it out.

The same thing appears to be happening on the image directly above the bar which is also supposed to align to the right. Instead it's positioned about 1/4th of the way across.

If anyone has any idea why this would be happening or can spot any problem within my html I would be hugely appreciative!!! :(

Here's the site:
http://eldritch.keenspace.com/

This:

<?xml version="1.0" encoding="iso-8859-1"?>

Puts IE in to quirks mode because it does not support xml. It does not appear you have any need for the XHTML doctype, so I would use HTML4.01 strict which is what IE will use anyway, and then the browsers will at least start from the same standard.