Ciao a tutti

Ho da poco modificato il myspace del mio gruppo musicale inserendo un immagine come titolo e un immagine ripetuta come sfondo, il risultato e' molto carino a mio avviso visulizzando lo space con firefox; ma purtroppo con internet explorer viene visualizzata solo l'immagine del titolo ma non l'immagine ripetuta di sfondo rendendo il tutto davvero molto brutto...

posto gli screen evidenziando le differenze:

Risultato con Firefox:


Risultato con Internet explorer:






Noterete la differenza di certo significativa

Posto ora il codice html responsabile del disastro

<style type="text/css">
body.bodyContent {
background-color: rgb(255, 255, 255);
background-image: url(Inserisci URL immagine);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
}
table, tr, td {
background-color: transparent;
border: 1px;
}

table table {
border: 1px;
}
table table table table{
border: 1px;
}
table table table {
border-width: 1px;
border-color: rgb(0, 0, 0);
border-style: outset;
background-color: rgb(214, 242, 147);
}

table table table table td {
filter:none;
}

General,body,div,p,strong,td,textarea,input,.text, span.redtext,span.redbtext,span.blacktext10,span.b lacktext12 {
font-family: Trebuchet MS;
font-size: 10px;
color: rgb(0, 0, 0);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Trebuchet MS;
font-size: 24px;
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Trebuchet MS;
font-size: 10px;
color: rgb(0, 0, 0);
font-weight: normal;
font-style: italic;
text-decoration: none;
}
AllLinksNormal,a,a:link,a:visited,a.man,a.man:link ,a.man:visited,a.navbar,a.navbar:link,a.navbar:vis ited,a.redlink,a.redlink:link,a.redlink:visited,a. searchlinkSmall,a.searchlinkSmall:link,a.searchlin kSmall:visited,a:hover,a:active,a.man:hover,a.man: active,a.navbar:hover,a.navbar:active,a.redlink:ho ver,a.redlink:active,a.searchlinkSmall:hover,a.sea rchlinkSmall:active {
color: rgb(0, 141, 193);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
AllLinksHover,a:hover,a:active,a.man:hover,a.man:a ctive,a.navbar:hover,a.navbar:active,a.redlink:hov er,a.redlink:active,a.searchlinkSmall:hover,a.sear chlinkSmall:active {
color: rgb(255, 255, 255);
font-weight: bold;
font-style: italic;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}

</style>
www.myspaceeditor.it


<style type="text/css"> body{ margin-top: 400px;}
div.topbanner { top: 0; left: auto; margin-left: -400px; height: 400px; position: absolute; }
</style>
<div class="topbanner"></div>


<style type="text/css">
body {
background-image: url("http://farm4.static.flickr.com/3174/2864351551_33244c5584_o.jpg");
}
</style>
Help me ! VVoVe: