ciao a tutti
in questi giorni sto sviluppando un semplice sito di demo per dei miei collaboratori pubblicato momentaneamente a questo indirizzo:

http://www.deesignstudio.com/demo360/index.htm

si tratta di una dimostrazione di un virtual tour.
io ne ho disegnato la skin e scritto html e css.

per evitare i problemi di ie6 con i float ho pensato di posizionare gli elementi con il "position relative".
ora con i vari firefox e safari il sito sembra funzionare, mentre con explorer 7 mi fa dei strani scherzi:
1. l'header nn rimane centrato, ma va a sinistra
2. il main content invece va adestra
3. per di più, allargando la finestra del browser oltre 1024 px di larghezza, lo sfondo e l'immagine ombrata non restano allineate, ma fanno un fastidioso scalino.

lo so che spiegato così nn si capisce niente, ma guardando il sito e allargando e restringendo le finestre con explorer7 si nota subito cosa c'è che non va.

qualcuno di voi guardando il css all'interno del file index.htm mi saprebbe dare qualche dritta?
grazie mille ragazzi