Immagine su IE

[vent1]

Ciao a tutti!
ho un problema con la visualizzazione di un'immagine a fondo pagina utilizzando come browser Internet Explorer. Infatti l'immagine in questione viene visualizzata su IE troppo ravvicinata al contenuto delle pagine, a differenza di Chrome o Firefox in cui va tutto bene.
Il sito in questione è questo:
http://workinpro.altervista.org/index.html

mentre il codice CSS è il seguente:

/* GLOBAL STUFF */ body { margin: 0; background: #FFFFFF url(img/bottom.png) center bottom no-repeat; color: #000000; font-family: "Comic Sans MS","Chalkboard","Nimbus Roman No9 L",cursive; font-size: 14px; } a { color: #D50055; text-decoration: underline; outline: none; } a:hover { background-color: #000000; color: #FFFFFF; } p, h1, h2, h3, h4, h5, h6, pre { margin-top: 0; } p{ color: #000000; } h1 { text-align: right; } h1, h2, h3, h4, h5, h6 { margin-left: -5px; margin-right: -5px; padding: 1px 5px; border-bottom: #000000 dashed 1px; color: #000000; line-height: normal; } h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 13px; } h6 { font-size: 10px; } hr { height: 1px; color: #000000; } img { border: 0; } ul { list-style: square; } acronym, abbr { border-bottom: #999999 dashed 1px; cursor: help; } acronym:hover, abbr:hover { color: #999999; } /* CLASSES */ .float_left { float: left; } .float_right { float: right; } .clear { clear: both; } .qoute { } .underline { border-bottom: solid 1px; } /* STRUCTURE (in order of appearance) */ #body { width: 850px; margin: 0 auto; } #header { height: 273px; background: url(img/top.png) right top no-repeat; padding: 50px 0 0 90px; font-size: 50px; font-weight: bold; letter-spacing: normal; text-align: left; } #header .slogan { position: relative; top: -15px; left: 5px; font-size: 24px; letter-spacing: 0; } #header .accent { color: #D50055; text-align: right; } #content { width: 550px; padding: 30px 10px 10px 20px; float: left; } #side { width: 230px; padding: 67px 0 0 20px; float: left; } #side h1, #side h2, #side h3, #side h4, #side h5, #side h6 { margin-left: 0; margin-right: 0; } #menu { margin-bottom: 10px; padding: 0; text-align: left; line-height: normal; } #menu ul { margin: 0; padding: 0; border-bottom: #000000 dashed 1px; list-style-type: none; } #menu li { border-top: #000000 dashed 1px; } #menu a { width: 200px; padding: 10px; border: none; color: #000000; text-decoration: none; letter-spacing: 1px; display: block; } #menu a:hover { background-color: #000000; color: #FFFFFF; } #menu .pressed { width: 200px; padding: 10px; background: url(img/menu.png) right no-repeat; color: #D50055; font-weight: bold; letter-spacing: 1px; display: block; } #menu a.pressed:hover { background: #000000 url(img/menu_pr2.png) right no-repeat; } #footer { color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; clear: both; padding-top: 220px; padding-right: 0; padding-bottom: 60px; padding-left: 0; } #footer a { border-bottom: #FFFFFF dotted 1px; color: #FFFFFF; } #footer a:hover { background-color: transparent; border-bottom-style: solid; }

Se avete altri consigli da darmi ve ne sarei grato, sono alle prime armi nel campo e per di più mi sono basato su un template scaricato da internet...
Grazie mille!!

[Prill]

Ciao, sul css per Explorer sul footer è impostato un paddind-top di 55px, mentre nel css per gli altri browser il padding-top è 220px. Essendo lo sfondo allineato in basso sul body, e essendo il body per gli altri browser più alto di 165px,l'immagine appare più in basso

[vent1]

scusami ma non riesco a distinguere un padding-top da un'altro, a me risulta solo quello da 220px

[Prill]

Hai un css solo per Explorer in head, richiamato con

al suo interno:

/*  Internet Explorer specific  */
#footer {
	padding-top: 55px;
}

con quel foglio di stile sovrascrivi, modificandolo, il padding impostato in global.css

[vent1]

Grazie mille!!!