Eine Lösung seh ich auf den ersten Blick nicht aber ich frage mich :
Warum machst du immer wieder die Angabe margin:0; bei jedem Element mit rein. Du hast doch bereits am Anfang für alle Elemente margin:0; definiert (* {margin:0;}
div#sidebar .top hat die falsche höhe du brauchst eine höhe von 25px nicht von 50px !
Du solltest dir auf jedenfall nochmal deine CSS angucken du hast da vieles doppelt und dreifach definiert !
Da kann man einiges weglassen bzw. vereinfachen
nein deine Grafik ist 25px hoch .. habs gerade nochmal nachgeschaut aber das sieht man auch auf den ersten Blick das das keine 50px sind 
Nein die Überschrift ist auf einer Höhe mit dem Text 
Aber warum machste das mit einem SPAN und net mit einem <h#>-tag ? Ist doch eine Überschrift
