IE8 vs FF Rendering Differences at Higher Resolutions?

[DBB1]

2px border on left & right plus 668px = 772px

That is why, in IE, it sticks out 4px to the right.

Easiest probable solution is to resize your images to be 664px

Thanks, Website Rob. I understand what you're saying about my math, but if that were the culprit, shouldn't I be seeing the same issues in Firefox and the "good" IE8 version?

And decreasing the width of my slideshow images would result in more whitespace when viewed with FF and the IE8 version that's rendering it correctly, wouldn't it?

Then there's the Categories content in the centerbox that's extending to the right, too.

There must be a carriage return, or something screwy in the left column that's causing it to *appear* to be wider in the "bad" IE8 version, that's pushing the centerbox contents to the right... I dunno... grasping for straws here.

I was getting real close to going live, but don't want to roll with something that doesn't look polished, even though most folks I've talked with say it lays out fine... but you and Stevesh both observed it.

I'm totally flummoxed.

-DBB1

[Website Rob]

Before dismissing a suggestion, would it not be prudent to give it a try?

You can easily do it for your Slider Header images by editting to:

<img width="664" height="267" alt="" src="images/shopnowmesh.jpg">

Then view the results in IE.

[DBB1]

Before dismissing a suggestion, would it not be prudent to give it a try?

I wasn't dismissing a suggestion - I'm grateful for any and all replies.

I was simply stating that it would stand to reason that any changes to fix it for one browser would also affect how the other (working) browsers would render the layout.

I did in fact try your suggestion, but had to take it way down to 650 or so to get it to fully pull inside the centerbox container. But as expected, it messed it up in FF and the other IE8 version that rendered it correctly.

Since then, I have had a bit of a eureka moment, in pondering through the comments lat9 and stevesh left:

The IE8 browser with the issue was running in compatibility mode - essentially acting as IE7 (or earlier - more research needed there). Unchecking the compatibility settings allows the browser to display sites using IE8's latest interpretation of web standards - when unchecked and allowed to run in pure IE8 mode, the site displayed normally!

So, I either have to figure out and address why IE7 fouls up (haven't yet turned up anything specific to lat9's comment about the "empty text node" issue, other than it's effect on XML), or go the separate CSS route that stevesh suggested, and widen the centerbox container for IE7 and earlier.

So it's not an IE8 problem...

-DBB1