FF vs IE Vertical Alignment Problems

Ok, I can't seem to make the text aligned vertically in both browsers its driving me crazy.

link removed

Ok, I've modified your style sheet to look like this. Basically what was happening was that Firefox and IE were treating some of your margins/padding differently. I've removed some of the needless padding/margin definitions that were in your original stylesheet.

Also, as another note, in CSS you do not need to put URLs in quotes, so I've also removed those from your stylesheet.

Modified stylesheet:body {
background-image: url(http://www.gotclam.com/fsmedia/images/bg.gif);
background-repeat: repeat-x;
background-color: #0B0B0B;
text-align: center;
}

#pageContainer {
width: 705px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#banner {
background-image: url(http://www.gotclam.com/fsmedia/images/banner.gif);
width: 705px;
height: 96px;
}

#menu {
background-image: url(http://www.gotclam.com/fsmedia/images/menubg.gif);
width: 705px;
height: 37px;
}

#top {
background-image: url(http://www.gotclam.com/fsmedia/images/contenttop.gif);
width: 705px;
height: 170px;
position:absolute;
z-index: 0;
}

#content {
width: 705px;
top: 15px;
position: relative;
}

p.rightContent {
margin: 0;
padding: 0;
margin-left: 270px;
}

Your HTML code can remain the same.

I've added it, but I can't test in FF right now as I am at school, however the IE height did not change. What does it compare as in FF?

After adding a top margin it aligns correctly, thanks so much!