DIV Tag Positioning in IE 7 and Firefox Options

[Orca239]

I have two main divs, one on the left and one on the right (it sorta makes it like two columns). I have another div within the right-div, which has an image set on the background. In Firefox, I need to have a left margin of 5px (in CSS) to make it line up correctly. But when I do that, it displays too far to the right in Internet Explorer 7. Below is a simple little image to kind of give a better idea.

In Firefox:


In Internet Explorer:


How can I get it to look correct in both browsers? Thanks for any help.

[Darin McGrew]

Can you provide the URL (address) of a document that demonstrates the problem?

[Orca239]

This is the site I'm working on: http://www.twilightproject.org

The top tab thing of the main section on the right is what i'm talking about.

[pandy]

CODE

#right      { margin-left: 353px }

You've used 'margin-left: 34%' for #right while the left column has 'width: 237px' + 'padding-left: 116px' which adds up to 353px.