Browserkampf

Solöchen,

ich habe hier mal eine vorabversion meiner Website:
http://www.tr-art.de/demo/gag07/

Bisher gecheckt:
Firefox
Opera
Internet Explorer 6

=> IE stellt in den Infoboxen Links und Rechts einen zu großen Rand dar im Vergleich zu FF und Opera. Ich habe mit Padding gearbeitet:

padding: 8px 5px 8px 5px;

=> Wenn man oben rechts sich das Menü anschaut (mit der Suche etc.) sieht man im Opera, wie schön mittig der Pfeil rechts neben dem Inputfeld ist - beim FF und IE ist das leider falsch.

=> Außerdem erweitert sich das weiße feld (#background) nicht, wenn der content länger wird. Wieso eigentlich nicht - das soll nich so sein.


Habt ihr vllt. ein paar Tipps, wo ich schauen muss, um die probleme zu lösen und alles einheitlich zu machen?
Wenn euch grobe fehler ins auge stechen, sagt doch bitte bescheid, dass schau ich da nochmal drüber...
Danke vielmals!

das mit dem Pfeil bei der Suche könntest du mit background-position lösen...

Neue version:
http://tr-art.de/demo/gag07/

Problem mit dem Pfeil:
das problem bei meiner alten lösung lag daran, dass die höhe des submit-feldes nicht die gleiche höhe hatte wie das input feld links daneben, es begann 2 pixel höher oder "eher" - man weiß nicht wieso.
Habe es jetzt mit type="image" geregelt.


das usermenü oben rechts hat nicht die position, welche es eigentlich haben soll.
Und zwar stecken die Liste und das Formular in einem div, welches um weiten größer ist als der benötigte bereich, also wird ja oben-links im div begonnen die objekte auszugeben. Ich will allerdings alles unten rechts in dem div haben. WIe mach ich das?


Dankeschöön!