Tired of having problems with Blogger rendering my Blog incorrectly in Internet Explorer

I was tired of having problems with Blogger rendering my Blog incorrectly in Internet Explorer so here is what I did. I went to the Template in Blogger and changed a few things. Namely, I changed the fixed width from pixels to percentages. Now when I put something that is too long for Internet Explorer it will resize itself. I changed the fixed width to percentages in the two places that are in red. Understand that I don't use IE, I am an avid Firefox fan but I want people that still use IE to see my Blog the way that I see it. This will not work with all Blogger templates but it can be modified to work with most.


@media all {
#content {
width:80%;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:400px;
float:left;
}
#sidebar {
width:20%;
float:right;
}
}
@media handheld {
#content {
width:90%;
}
#main {
width:100%;
float:none;
}
#sidebar {
width:100%;
float:none;
}
}

It was originally like this

@media all {
#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:410px;
float:left;
}
#sidebar {
width:220px;
float:right;
}
}
@media handheld {
#content {
width:90%;
}
#main {
width:100%;
float:none;
}
#sidebar {
width:100%;
float:none;
}
}

The Fixed vs. Fluid width debate has been answered with this Blog. It's Fluid baby....