Internet Explorer Issues: title wonkiness

This is basically a repost of one topic I started a week or so ago. After re-reading the original post I came to the conclusion that it was somewhat unclear, so I decided to edit it and post it one more time. This re-post of sorts has some important changes that were necessary do to the fact that my site changed in such a way that would lead to some confusion. I also ask a couple of other questions.

First I am wondering if peeps could please test my site in several versions of IE (6.x and 7.x actually).

I use a MAC and do not have access to anything other than 5.0. The latest version I tested my site on was IE 6.x, which displayed the issue I will explain in a second.

PS: Please don’t just read the post and post a reply. Take a look first. Then let me know what you saw.

https://totalphysiqueonline.com/

Pay attention to the title head and report back here with your findings. Let me know what version of IE you experienced broken code with. If the title is broken, you will know immediately.

Second, I need to know if the title issue I am having is a function of bad coding or a function of IE just doing what it does best: suck!

Here is a snap-shot of the header portion of my CSS sheet:

#sitename {
color:#ffffff;
height:90px;
margin:0 20px 0 305px;
text-align:left;
background:url(images/sistine-chapel3.gif) no-repeat; /* Delete this line to remove the animated globe */
}
#sitename h1,#sitename h2 {
font-weight:400;
margin:0;
}
#sitename h1 {
font-size:2.4em;
margin:0 20px 0 -285px;
}
#sitename h1 a {
color: #ffffff;
text-decoration: none;
letter-spacing: 5px;
}
#sitename h2 {
font-size:1.6em;
margin:25px 0 0 100px;
}

The objective with the above code was to force positioning of three elements in the title section: image, title A and title B

The issue is with IE 6.X and as far as I know, only that version, but that is why I need IE users help.

I visited a friend who uses IE 6.X, and when I checked my site on his system.

My site, https://totalphysiqueonline.com/ , looked great accept for the title.

I have the entire group of title elements slid to the right, with the Top Large Title using a negative variable to slide it over to the left, against the left side of the page.

In my friends browser, the larger title is nestled against the top edge of the title field (where it should be), with the word ‘Online’ positioned between Adam and God (man and God – whatever ?? ). However, in IE, all of the large main title, accept the last letter ‘e’ in the word Physique and the word ‘Online’ are visible, so that it reads:

“e Online”

“Total Physiqu” is missing, leaving a blank, empty 3.5 inch space/gap between the left edge of the page and Adams head.

The sistine chapel image is positioned properly in the header field, with Adam more or less sitting on top of the Contact button. The smaller, secondary title is right where it should be i.e., the bible verse starts at Adams knee, beneath God’s oustretched arm, and proceeds outward to the right beneath and beyond God, to the right.

In other words, the two text titles are staggered.

It works in all the latest versions of Safari, Opera, Firefox, Camino and Mozilla. But not in IE. Any idea what is causing this? Or is this just something IE users will have to live with.