How do I centre this image but also keep the image size as a percentage so it changes size with the browser? I have been playing around with the css on this image here to get it to resize the height as well as the width <http://www.georgewoolfe.com/home.html>

this is the css:

```
#image {
    bottom: 50%;
    height: 40%;
    left: 50%;
    margin: 0 -40%;
    position: absolute;
    right: 50%;
    top: 56px;
    width: 80%;
}

#image img {
    width: 100%;
}

```

I was also wondering if there might be a bit of jQuery that would do this? 

I found this website that does exactly what I mean <http://www.laurabartlettgallery.com/exhibitions/bravo-zebra/>

Thanks
Angela