A friend of mine runs a well established blogging site at www.d0tk0m.com. He has been experiencing some problems with some of the CSS on his site.

I decided to take a look to see if this could be rectified.  There were two initial complaints;

  1. When viewing the site in IE8 there was a huge scrollbar on the horizontal axis.
  2. When using IE8 there were problems with the Syntax Highlighter (the view source button and print buttons etc are all over the place)

After downloading the site I took a look at the main background CSS style sheet located here:

/wp-content/themes/pianoblack/style.css

I then started troubleshooting by commenting out various CSS until I found one that did the trick. I also found that it made no noticable style changes to the site:

code snippet

code snippet

Hey presto, the issue was fixed.

I have not looked into the issue with the syntax hi-lighter, but may have found the issue.  Will keep updating this post with the findings.  In the CSS for this issue, there are some author comments to show compatibility for IE8 / 7:

Comments Welcome