Lücke?

Soweit ich das jetzt überblicken konnte, und Gott weiß das ich von CSS nicht wirklich die Ahnung habe *g* würde ich sagen es liegt an deinem Backgroud in deiner Wrapper Klasse

#wrapper {
	margin:0px auto;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	/*width:630px;*/
	width:720px;
	text-align:left;
	background: #4A4243 url('pix/middleglow.png') repeat-y 50% 0;
	font-family:Arial;
    font-size:11px;
}

Ändere denn mal von #4A4243 auf weiß und schau obs dann hinhaut.

Grüßle Bionic

Richtig, das bringt nix.
Das Problem liegt hier an der Liste ul. Ein

ul {
	margin-bottom: 0px;
      }

entfernt den leeren Abstand. Allerdings auch bei anderen Listen, du kannst der Link-liste ja aber auch noch ne eigene ID verpassen, sodass Sie das macht. Zum Beispiel über die #referers <div> die du ja noch garnicht im CSS drin hast...

Das Problem besteht in diesem Falle allerdings auch nur, da die Liste <ul> das letzte Element in der Wrapper-Klasse ist - ein einfaches
nach der Liste im HTML-Code sollte es auch schon tun. Das scheint mir einfacher :)

Und padding: 0px; ist auch erlaubt, verkleinert dein CSS ein wenig ;)

noch n tipp:

ein einfaches

*{ margin:0; padding:0; line-height: 100%; vertical-align: bottom;}

am ANFANG der CSS stellt margins und paddings üfr alles auf null.

vorteil: der IE macht weniger probleme
nachteil: man muss erwünschte abstände definieren (was man ja eigentlich sowieso tut) und darf nicht vergessen, z.b. für den

eine eigene line-height einzustellen (zeilenhöhe)

sollte dann glaub ich eher

#referers ul { margin-bottom: 0px; }

heissen, da du ja die liste in der referers-div formatieren willst.