problema dimensioni finestra

[140483]

salve!
ho un problema che non riesco a risolvere..
quando rimpicciolisco la finestra in cui sto visualizzando una pagina del mio sito un'immagine si sposta verso l'alto..
come posso risolvere il problema? e perchè succede?

grazie..

[waitec401]

posta un pochino di codice

[140483]

eccolo:

/*stili generici, su header e footer*/
div#header{height: 8%;background-color:#eee;color: #fff}
div#header a{color: #eee;text-decoration:none}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#footer a{color:#fff;font-weight: bold; text-decoration: none}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 14%; left: 1;
width: 11%;\width:11%;w\idth:10%;padding: 1em 2px}
div#extra{position: absolute; top: 14%;right: 0;
width: 15%;\width:15%;w\idth:14%;padding: 1em 1px}
div#content{margin: 0 17% 0 14%;padding: 1em 1%;background-color: #fff;background:url(sfondo.gif)}
div#footer{text-align:right; padding: 3px 20px;
background-color: #99c; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0 0 2%;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 9%;}


/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-img: 0em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #99c;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 125}


/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999)}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}

div.wide,div.split2{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 238px; \width:238px; w\idth: 340px;padding: 0 55px}
border-top: 1px dotted #ccc}
</style>
<style type="text/css">
body{font: 76% arial,sans-serif; background-color: #eee}
h1{color: #666;font: normal 1.3em/30px georgia,serif;letter-spacing: 2px}
div#navigation{float:left; margin:0 0px}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{margin: 0 0 3px;padding: 0}
div#navigation a{display: block;width: 134px;line-height: 30px;text-decoration: none;
border:0px solid #666;text-indent: 30px;background: url("bottone.png") no-repeat top left;
color: #333;font-variant: small-caps}
div#navigation a:hover{
background: url("bottone1.png") no-repeat top left;color: #1F2A3E}
div#navigation li#activelink a,div#navigation li#activelink a:hover{
background: url("bottone1.png") no-repeat top left;color: #fff}
</style>

[waitec401]

e quale sarebbe la img che si sposta?

[140483]

bottone e bottone1