Okay, I’ve got a page with a header div that stretches 100% wide, with a 1px bottom-border and another 1px outline to fake a ‘two-color’ border as recommended here. This works perfectly in Firefox 4-9, Chrome, IE7/8/9, and Safari. The problem is with Opera 11.5, because of this 1px outline, opera is showing a horizontal scrollbar along the bottom of the screen, so essentially Opera is rendering the page as 100% (div width) + 2px (2x 1px outline each side), which is wrong, because apparently outline shouldn’t take up any space on screen.
I’ve searched through stackoverflow and done multiple google searches on the issues, and I can come up with no answers or questions relating to this – there also doesn’t appear to be side specific outline properties (e.g. outline-left), so I am left wondering what potential remedies there are to this?
Shouldn’t mess with other browsers, and will keep those pesky horizontal scrollbars away.