I'm completely frustrated with CSS at the moment. I want a simple, fine line down the left and right side of my from the top containter all the way down to the footer. When I select preview in fabulous CoffeeCup editor, it looks perfect. When I go to IE 7, the left border looks too thick, the border is not visable on the footer and on the top section it looks jagged. I validated the css code and still get the same result. Any suggestions?

Here is the link: http://www.pacificarattanandlighting.com

Which leads me to another issue, since Wednesday night's windows update, am having problems with IE7 all together. Some pages can't be viewed, others get displayed in the compatability mode. Pass the asprin.

I would be frustrated with IE, not CSS.

The problem is IE not CSS.
IE6 shows thicker line both left &right
IE7 shows left thicker than right
IE 8 shows thinner line both left and right

Looks OK in Chrome thin line left and right

The solution to this...a triple funeral for all remaining IE browsers

I mean seriously, are the developers there on crack or what?

No just "Cracked"

Try the following code. It only uses left and right borders on the #maincontainer div instead of trying to line up the borders of various elements going down the page. You also had divs within divs where the left border of the inner div was flush with the left border of the outer div which caused the extra border thickness.

I also closed the #maincontainer div after the footer, so your left and right edges would be straight.

EDIT: I'm not sure if you were saying you want the border visible on the sides of the footer. It currently can't be seen because the border color is the same as the footer background color.

You're in luck, Amy: Cary is a total guru at this stuff.

Firebug makes it possible.

CAry,
Thank you so much the code works like a charm!!!