html - Can't get image to center when I change the browser size -

I have created an image using GIMP and I have imported it on the website that I am making. When I change the size of the browser, this center does not want it for some reason, except that I do not set it in full state, it goes in the middle of the page (I want the center, the top). I believe there is something to do with the size of the image in it, it is 1920x1080 and due to the quality I used this size, but I think that when I import it the background is being used. GIMP has tried everything to cut the background. Any suggestions on code or how to fix it in a gamap would be great.

  & lt; Div id = "logo" & gt; & Lt; Img src = "DTW Logo \ DTW2_Logo_ColombianFlagColorTOPcropped.png" & gt; & Lt; / Div & gt; Body {margin: 0 px; Padding: 0 pixels; Height: 100%; Width: 100%; } #lolo {margin: -368px 450px px0px; Status: Completed; Width: 100%;  

}

css width Use the property in percent measurement, and set margins to the left side on both sides auto And OK,

CSS

  #logo {margin: 0 pixel auto; Top: 0px; Width: 100%; Text align: center; }  

View this demo

---

Set the width of the image at percent:

  img {width: 15% ; / * Width: 75px * /}  

View