Un saluto a tutta la community

Premetto che sono all'inizio con l'utilizzo dei CSS, però è da tempo che mi stavano attirando parecchio per i motivi che sapete.

Non c'è modo migliore allora che provare sulla propria pelle.

Ebbene ho rifatto il mio piccolo sitarello con i CSS, ci ho messo un pò però alla fine qualcosa è venuto.

Molto probabilmente avrò sbagliato molte cose essendo alle prime ( cioè non proprio prime li conosco abbastanza bene i css ma non ho mai provato a fare un sito intero con questa "tecnologia" ) armi.

Se qualcuno ha dei consigli per i miei eventuali errori sarei felicissimo.

Tornando al problema dunque...con Mozilla Firefox si vede bene, appena lo provo con IE7 è tutto ho visto che èsballato e mi sto scoraggiando

E' egoista da parte mio ma se sapete aiutarmi o avete consigli vi sarei infinitamente grato.

Il mio piccolo sito è questo, però non so se posso fare link esterni ( nonostante sia il mio piccolo sito senza a scopo di lucro ma solo per imparare e divertirmi ). Qual'ora ci fosse qualcosa di sbagliato in quello che ho scritto vi prego di dirmelo e/o in caso di moderatori di correggere senza problemi.

( Sono un pò abbattuto dallo stravolgimento che si vede in IE7 )

Un grandissimo ringraziamento in anticipo.

Allego l'eventuale CSS

codice:
body
{
	font-family: Georgia, Verdana;
	font-size: 75%;
	background-color: #010101;
	color: #5F4925;
	padding: 0;
	margin: 0;

}

#container
{
	margin: 0 auto;
	width: 980px;
}


#header
{
	float: right;
	background-image: url(../img/header_back.jpg);
	height: 178px;
	width: 800px;
	background-position: right;
}

#sylvanas
{
	width: 273px;
	height: 191px;
	display: block;
	position: relative;
	background-image: url(../img/sylvanas.gif);
	background-repeat: no-repeat;
	left: 150px;
	top: 11px;
}

#iyraclea
{
	width: 134px;
	height: 20px;
	display: block;
	background-image: url(../img/iyraclea.png);
	background-repeat: no-repeat;
	float: right;
	margin: 154px 10px 0 0;
}

#cornice_head
{
	clear: both;
	float:left;
	background-image: url(../img/cornice1.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 12px;
	width: 100%;
}


#body
{
	clear: both;
	float: left;
	background-image: url(../img/back_body.jpg);
	background-repeat: repeat;
	min-height: 350px;
	width: 97%;
	padding: 15px;
}


#cornice_foot
{
	clear: both;
	float: left;
	background-image: url(../img/cornice2.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 12px;
	width: 100%;
}

#footer
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	font-size: 0.7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#symbol
{
	background-image: url(../img/simbol.gif);
	display: block;
	background-repeat: no-repeat;
	width: 211px;
	height: 217px;
	position: relative;
	left: 380px;
	bottom: 130px;
}

#links1
{
	position: relative;
	bottom: 213px;
	right: 190px;
	color: #E3D2B4;
	text-transform: uppercase;
	z-index: 5;
}

#links2
{
	position: relative;
	bottom: 225px;
	left: 180px;
	color: #E3D2B4;
	text-transform: uppercase;
	z-index: 4;
}
EDIT: ho notato che ora l'immagine di sfonfo del div "header" si vede mettendola float:left invece che right, però il sito risulta ancora instabile su IE7.

EDIT2: piano piano sto sistemando, scusate la fretta di postare mi ero scoraggiato troppo, ancora alcuni difettucci rimangono.

P.S.: scusate il post inutile, se qualche moderatore può cancellarlo volendo. Ero proprio abbattuto.