Problem med position i olika webläsare

Hej!

Jag har problem med att en "ruta" placeras på ett ställe i IE och på ett annat ställe i alla andra webläsare. Rutan finns här: http://www.arielfyra.se/blogg/
Rutan är den som alla sponsorer ligger i. Om ni tittar i IE så ser ni att den ligger på rätt ställe medan i andra webbläsare så hamnar den helt fel (mitt bland texten).

Koden för rutan ser ut så här:

<style type="text/css">	
	#sidekick {

padding:10px;

height: 475px;
			
margin-left:305px;

position: absolute;

top: 125px;

		}

	</style>

	<div id="sidekick" >

    
 <div style="text-align:left"><a href="../../sponsorer.html"><font face="Arial" size="3"><b>Sponsorer </b></font></a></div> <br/>
<a href="../../sponsorer.html#elvstrom"> <img src="../../images/elvstrom.gif"   border="0"  style="margin-bottom:28px;margin-top:15px;" > </a> <br/><a href="../../sponsorer.html#kapell"> <img src="../../images/kapell_annat2.gif"   border="0" style="margin-bottom:9px;margin-top:4px;" >
<br/> <br/>
	<a href="../../sponsorer.html#woolpower"> <img src="../../images/woolpower2.gif"   border="0"  style="margin-bottom:30px;margin-top:8px;" > </a>  </a> 
	

	</div>

Eftersom bloggen bygger på wordpress så ligger därmed koderna i olika "fack" eller hur man sak säga, dvs teman bygger på olika php-filer typ. Den här koden ligger i footer.php för er som kan wordpress. Därmed så vet jag inte riktigt vilka andra koder som ligger runtomkring detta och om det kanske påverkar, men ni kanske förstår mer genom att titta på källan.

I alla fall, är det någon som vet hur jag kan lösa detta? Så att IE och de andra webbläsarna reagerar likadant?

I IE8 ligger den fel, se bifogad bild.

Konstigt! I min IE 8 ser det ut så här:

http://img716.imageshack.us/img716/1387/namnlse.jpg

Någon aning om vad det kan bero på?

Ja, du har klickat på ikonen för kompatibilitetsvy. Nu renderas din sida så att den ser bra ut med IE7 och neråt.

Du har ganska många fel i din stilmall. Försök ränsa och korrigera. Din position: absolute är det som positionerar diven fel i IE8

http://jigsaw.w3.org/css-validator/validator?uri=http://www.arielfyra.se/blogg/

Jaha, då är det kompatibilitetsvy som var problemet! Jag ställde om till vanlig vy och det funkar fint. Trist dock att folk med äldre versioner av windows får problem!

Okej. Men så länge det ser bra ut i webbläsarna så gör det väl inte så mycket om jag har fel i stilmallarna? Jag kan tycka att det är mer jobb än vad det ger att försöka få alla koder exakt rätta så länge det inte påverkar. Det ser ut som det verkar vara problem med något som heter ".wp-caption", och vad jag vet har jag inte rört det, måste vara wordpress som skapat de koderna.

Tack för hjälpen :)

Problemet nu är att din padding:10px; förstör utseendet i IE6.

Jag testade att ta bort padding:10px; ett tag och köra kompabilitetsvy, men samma problem fanns fortfarande kvar.

Testa och lägg till

display: inline;

Nä det hjälpte inte heller. Det ligger fortfarande kvar så att du kan se.

Tömmer du cachen ordentligt (eventuellt startar om webbläsaren) innan du testar förslagen?