IE Pixel Bug

[Bootlegger]

EDIT: Some people couldn't see the pics, so I re-hosted them somewhere else. Thanks for letting me know!

I'm working on a website using css to lay everything out. I'm somewhat aware of that 3-pixel bug in IE, and my problem seems to be fairly similar. My layout looks fine in firefox; however, in IE my layout is off by 4 pixels.

Anyways, I captured a few pics to illustrate my problem and see if anyone has any suggestions:

So, here is a pic of the site in Firefox:


The banner at the top is 900 pixels. I have the div that encapsulates the border and everything else set to 904 pixels. The little gray strip under the banner is to just show where the image ends (I'll eventually have buttons going across there).


Now, here is a pic in IE:


Now, remember, I still have the width set to 904! And, again, the banner at the top is 900 pixels.


So, IE is chopping off 4 pixels. Does anyone have a clue why this is happening?

Thanks for any help!

[batmeat]

For some reason the pic using internet exploder isn't loading for me in IE or firefox. Anyone else? I even went to imageshack to look at it directly and I get nothing.

[daedreem]

Quote:

Originally Posted by batmeat

For some reason the pic using internet exploder isn't loading for me in IE or firefox. Anyone else? I even went to imageshack to look at it directly and I get nothing.

I can see it.
Unfortunately I don't have an answer for him...

And, off topic, I wonder if the spelling of peak like a mountain instead of peek like look is intentional?

Nice pun, if peak is in the business name.

Really though.. only replied just to say I could see the picture.

[Bootlegger]

Quote:

Originally Posted by daedreem

I can see it.
Unfortunately I don't have an answer for him...

And, off topic, I wonder if the spelling of peak like a mountain instead of peek like look is intentional?

Nice pun, if peak is in the business name.

Really though.. only replied just to say I could see the picture.

Oh, geez! Those dang homonyms, I tell ya. It is, by no means, intentional that I spelled "peek" that way. Hey, although I haven't figured out my pixel dilemma, at least I have now learned to spell correctly! Thanks!

[daedreem]

Quote:

Originally Posted by Bootlegger

Oh, geez! Those dang homonyms, I tell ya. It is, by no means, intentional that I spelled "peek" that way. Hey, although I haven't figured out my pixel dilemma, at least I have now learned to spell correctly! Thanks!

LOL

I wondered..
I figured if it WASN'T intentional, that was good information for you to get.. even off-topic.

Homonyms will get ya every time.

Now.. good luck with your real question!! lol

[paul9]

I don't see your IE pic, either.

http://img201.imageshack.us/img201/2758/ie904yq4.jpg at Imageshack gives me a timeout error, so it appears to be their fault.

[Bootlegger]

Well, I found a "fix" that I wasn't aware of. I'm not too fond of fixes, as I'd rather do things correctly, so if anyone has any input as to why this problem is occurring, I'm very interested to hear.

Anyways, in my CSS file, I used the correct width (900) assignment for Firefox, followed by the '*' to define the width in IE (904).

#encapsall {
	width: 900px;
	*width: 904px;
	margin: 0 auto; /*Firefox center*/
.
.
.