Stefan Richter: Problem mit DocType und Div

Beitrag lesen

Hallo,

habe da ein Problem mit einem HTML Layout... bin grad dabei eine SelectBox selbst zu erstellen.
Dazu lege ich 3 Div's nebeneinander, links leer, mitte Inputfeld, rechts Pfeiltasten...

Okay.

Habe da nur folgendes Problem:

Sobald ich den DocType angebe, wird in dem Beispiel unten der zweite Layer (im Firefox, Opera) 2 Pixel nach unten verschoben... im Internet Explorer funktioniert es wunderbar.
Entferne ich den DocType klappt es auch wieder in allen Browsern.

Kann mir jemand erklären woran das liegt?

Grüße

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN'>

<HTML>

<HEAD>

</HEAD>

<BODY style="margin:20px">

<DIV style="height:18px;float:left"><IMG src="images/controls/s1left.gif" style="height:18px"></DIV>

<DIV style="height:18px;float:left">

<DIV style="height:9px"><IMG src="images/controls/s1up.gif" style="height:9px"></DIV>

<DIV style="height:9px"><IMG src="images/controls/s1down.gif" style="height:9px"></DIV>

</DIV>

<DIV style="clear:left"></DIV>

</BODY>

</HTML>