Ich habs endlich wieder gefunden, seit Wochen war ich auf der Suche nach dem Link der Firebug Alternative für den IE. Doch weder Name der Anwendung noch Link wollten mir wieder einfallen. Jetzt endlich kam ich durch Zufall wieder auf die Download-Seite der Internet Explorer Developer Toolbar.

Im Prinzip sind die wichtigsten Funktionen des Firebugs auch mit drin, wie z.B. durchsuchen des DOM und Anzeige der referenzierten CSS-Styles.

Was leider fehlt ist eine Konsole mit Ausgabe der einzelnen Requests, aber gut man kann ja nicht alles haben. Die IEDT funktioniert allerdings nur im IE7 für den IE8 gibts bereits Boardmittel und für den IE6 gibts wie zu erwarten war nichts, soll mir an dieser Stelle aber auch egal sein.

Arbeit kann trotzdem wieder los gehen...

Vom Internet Explorer weiß man, dass dieser "padding"-Angaben anders Interpretiert als Gecko-Browser. So auch bei Buttons deren Länge variabel, aber einen Abstand links und rechts vom Buttontext haben sollen.
Der IE (im übrigen macht er das bis Version 7) hat offenbar eine Art "Default-Padding" bei seinen Buttons und fügt man diesen dann noch ein CSS-Padding hinzu wird es natürlich irgendwann riesig. Um diese Verhalten zu verhindern benutzt man einfach folgende CSS Anweisungen:

 
input.button {
  width:auto;
  overflow:visible;
}
 

Damit wird der Abstand des Internet Explorers zurückgesetzt und er hört nur noch auf die eigenen Angaben

Wer sauber arbeitet rückt seinen Code ein. Doch Vorsicht: Der IE fasst Tabs sehr sonderbar auf.
Wenn man z.B. eine Liste für sein Menü aufbaut und in dieser Form einrückt:

<div class="menu"><ul>
<li><a href="#">menupunkt1</a></li>
<li><a href="#">menupunkt2</a></li>
<li><a href="#">menupunkt3</a></li>
</ul>
</div>

wird schnell merken, dass der IE trotz padding:0 und margin:0 Abstände zwischen die Listenelemente setzt.
Diese wird man nur los indem man entweder alles in eine Zeile schreibt also:


<ul>
<li><a href="#">menupunkt1</a></li><li><a href="#">menupunkt2</a></li><li><a href="#">menupunkt3</a></li>
</ul>


Oder man mit PHP jede Zeile mit einem echo ausgibt (was im HTML-Quelltext das gleiche bewirkt) also so:


<ul>
echo'<li><a href="#">menupunkt1</a></li>';
echo'<li><a href="#">menupunkt2</a></li>';
echo'<li><a href="#">menupunkt3</a></li>';</ul>

Das gleiche Verhalten zeigt der IE bei Tabellen. Dort müssen die TD's in einer Zeile stehen, um Abstände zu vermeiden.