I am working on a website and I have it looking smooth in Chrome, but every other browser shows the menu panel about 10 pixels to the left. If I change anything, it alters the chrome display, but nothing else.

Here is the CSS I'm using:

#banner {
    position: fixed;
    top: 20px;
    right: 20%;
    left: 20%;
}
#home {
    left: 20%;
    position: relative;
    top: 160px;
}
#lesson {
    left: 20%;
    position: relative;
    top: 160px;
}
#record {
    position: relative;
    left: 20%;
    top: 160px;
}

I've tried using pixels to define left, but that results in the page not displaying correctly in any browser. Each ID is for an image and they're all contained in a <div> tag. If there is someone who can help, I'd greatly appreciate it.

Are you using a css reset on your pages?

Show your HTML.

without the html i cant suggest much
none the less try putting everything in a container with width say 70% and then divide into blocks to cover the entire 100% of the container
that way nothing moves out of its bounds

My HTML is literally a bunch of div tags that each contain an image:

<body background="Background2.gif">
<div id="container">
<div align="center" id="banner"><img src="yourvoicebanner.gif" width="950" height="150" /></div>
<div id="home"><img src="Images/Menu01.gif" width="150" height="58" border="0" /></div>
<div id="lesson"><img src="Images/Menu02.gif" width="150" height="58" border="0" /></div>
<div id="record"><img src="Images/Menu03.gif" width="150" height="58" /></div>
</div>
</body>

anilashanbhag - I'll try that out

I set the container to 70%... still getting the same results...

Hmmm, do you have anything else like a screenshot? Or is the site reachable by us here? Working with the minimal amount of code you provided is not producing enough results. Also you gave us the stuff that you think is the problem when anything on the actual page and in the CSS file could cause an issue with the layout. So it would be helpful to get something a little more complete or the actual page it self online.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.