Salve ragazzi, ho realizzato questo piccolo sito in css, sono alle prime armi, vorre sapere perchè con IE7 non vedo il logo dell'elefante in alto a sinistra. Con IE8 lo vedo bene!

Eppure il layout è semplice: http://www.zetaget.it/baalcss/page.htm

Il codice css è questo:

------------------------------------------------------------------------------

body{
text-align: center;
font-family: verdana;
background-color: #ba122b;
font-size: 76%;

}

.main{
background-image:url(img/striscia.gif);
background-repeat:repeat-x;
margin: auto;
margin-top: 100px;
position:relative;
width: 868px;
height: 493px;
}

.logo{
width: 202px;
height: 166px;
background-image:url(img/logo-bg2.gif);
background-repeat: no-repeat;
position: relative;
left:40px;

}


/*---------------------- Contenuti DIV -----------------------------------*/

.uno{
text-align: right;
width: 156px;
height:280px;
position: absolute;
left: 47px;
background:#bbbbcc;

}

/*---------------------- Contenuto DIV 1 (Links e Flash) -----------------------------------*/

.linksx{
text-align: left;
width: 156px;
height:130px;
position: relative;
background:#ffffbb;

}

.riccio{
position:absolute;
width:46px;
height:56px;
top: 102px;
left: 198px;|
}

.flash{
text-align: left;
width: 247px;
height:181px;
position: absolute;
bottom: 0px;
left: 0px;
background:#ffffbb;

}


.due{
text-align: left;
width: 174px;
height:298px;
left: 255px;
position: absolute;
top: 148px;
background:#bbbbcc;

}

.tre{
text-align: left;
width: 174px;
height:298px;
right: 243px;
top: 148px;
position: absolute;
background:#bbbbcc;

}

.quattro{
text-align: left;
position: absolute;
right: 47px;
top: 148px;
background:#bbbbbb;
width:174px;
height:298px;

}


Grazie in anticipo, spero di risolvere questo problema così mi tornerà utile anche in futuro.