We all know the importance of checking our web pages with multiple browsers (inparticular Internet Explorer!), especially when we are designing a new layout for a new client. This is the case even if we are writing validated standards-compliant code. The number of browsers we need to check with are enormous. As always, our biggest bug bare is Internet Explorer (IE) 7, 8 - forgetting about IE6 (we should not be supporting this 2001 browser now - full stop).

A short while ago we discovered 'Expression Web SuperPreview' which is a visual debugging tool that makes it easier to migrate & check your web sites in Internet Explorer 6 (grrr - forget it), Internet Explorer 7 or 8.

Expression Web SuperPreview for IE is a downloadble/stand-alone visual debugging tool that has helped us, made things faster & easier to migrate and check our sites for Internet Explorer 7 & 8. It not only shows a good quality rendering of how pages will look on different IE browsers, but it also identifies the element’s tag, size and position, applied styles, and location in the DOM tree so you can quickly fix the error... this has been particulary helpful with a new large client who are not allowed to upgrade to IE8 in-house and are stuck on IE7 until the end of 2010 (why? corporate politics!).

Below is a screen dump of one of our clients sites being viewed in Expression Web SuperPreview with DOM turned on.
(Click to enlarge)

Download Expression Web SuperPreview here