Firefox displays site differently than IE

I have a website that currently displays perfectly under IE, but once you view the same site on Firefox, the entire top portion of the template is stretched out.

I have meddled with the coding for a few hours and can get the site to look descent within Firefox, but then its screwed up within IE. I can't find a happy medium here. Could someone look at the code within my site and tell me if there is a way to have this template viewable under IE and Firefox?

My website: http://movierentalclubguide.com

Thank you

 

Put your html in one or more divs like this:

<div id="main">
<p>Your content here.
</div>

Then use the following CSS to center it:

#main{
width:748px;
margin:0 auto;
text-align: left;
position:relative;
}

Also use a html validator: http://validator.w3.org/ it makes life easier.

 

Thanks for trying, but it still doesn't work.

 

It does work; I use it on multiple sites. Just throw away the table layout stuff.

 

just a note to comply with xhtml instead of

<div id="main">
<p>Your content here.
</div>

Code (markup):

it should be

<div id="main">
<p>Your content here.</p>
</div>

Code (markup):

all tags oppened should be closed.

 

Try these:

background-image: url(images/backgrounddot.gif) no-repeat;
width parameter on your header...

Q...

 

Thats like telling me to re-structure the entire site. The site was built with tables and if I take the time to re-structure the entire site, I might as well build another, plus there is no guarantee that it will be viewable under IE. I've accepted the fact that IE and Firefox do not see eye-to-eye. I've noticed that many sites suffer from the same problem when using tables instead of div tags when viewing under Firefox.

I'll have to be content with having the site viewable to the majority of my audience (IE users) and I'm fine with that.

Thanks for your help,
John