plasera absolut

Jag vill ha en bild att ligga exakt 10% fråm sid top och exakt på mitten av sidan och det ska se likadant ut i alla upplösningar.

Jag testar med detta:

<div style="position:absolute;top:10%;left:50%">
<img src="test.jpg" width="600" height="340" style="border: 1px solid #000080; " align="middle">
</div>

Men det blir fel.. Hur ska det se ut?

<img id="test" alt="" src="test.jpg">

#test {
  position: absolute;
  top: 10%;
  margin: auto;
}

?

Lägg till en negative margin som motsvarar halva bildens width:

<style type="text/css">
#test 
{
    position: absolute;
    top: 10%;
    left:50%;
    width:600px;
    margin-left:-300px;
}
</style>

<img id="test" src="test.jpg" alt="">

Det blev kanon tackar :)