I validated the CSS online and fixed most the problems it came back with, additionally, I’ve isolated a piece of strange code in the CSS which I can create the same IE error in FF:
CURRENTLY READS:
}
#sidebar {
float: right;
width: 160px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 15px;
border-left-width: 1px;
border-left-style: dotted;
border-top-color: #737145;
}
}
#dynamic_sidebar {
float: right;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 15px;
width: 160px;
border-left-width: 1px;
border-left-style: dotted;
border-top-color: #737145;
}
#post {
float: left;
width: 470px;
padding-left: 5px;
padding-bottom: 35px;
padding-top: 0px;
padding-right: 0px;
—
You’ll notice the double “}” closing the sidebar attributes. If you REMOVE the redundant “}”, the page is rendered in FF the same way it “bugs out” in IE.
In other words, FF/Safari/and company NEED the redundant “}” to render the page as intended.
Removing the double attribute does not fix the problem in IE.
—
Am I insane? Am I really just a total hack?
