Developer toolbar for Internet Explorer

I'm currently making a website with a complicated design. I use to play with Firebug to controle layers placement, to trace unwanted margins and so many strange html behaviors. But ... Internet Explorer is a crappy piece of program ! If Firefox make some strange things, Internet Explorer is doing really what it wants.

So I tried to find out an equivalent of Firebug for Internet Explorer. I know that Firebug exists as a javascript script, but I didn't want to change my code just for that.

I tried CSSVista, a free application, but I didn't really understood how it works.

I finally found Internet Explorer Developer Toolbar made by ... Microsoft itself. Well, it's not firebug, but it does it's job.

Internet dev toolbar

Note that the html code is rewritten. For example :


<div class="foo"><p style="border: 1px solid black">bar</p></div>

will be show in the toolbar as :

<DIV class=foo>
    [-] <P>
        [-] #text

It looks like that old HTML 3.2 or whatever, without quote, in uppercase :(

Haut de page