I have a div called product-large and there's an img as a child inside it. The structure looks as follows:

```
<div class="product-large">
         <img id="product-image" src="http://cf.shopious.com/images/store_logos/thumbnail/2159d3537713da6dd80c80b33c87bbc1ce2c2aac.jpg" alt="">
</div>

```

The issue is that product-image is not centered, instead it sticks to the top. I've already used vertical-align: middle in the img css. Why is this?

You can see the full working site [here](http://dev.shopious.com/items/407/Estacia-Blouse) (inspect element on the large image)