pos abs img - left top height percentages

by ian_smithz

HTML

<div class="container">
<img src="http://i.imgur.com/OXsviSl.jpg">
<a class="left" href="#">
</a>
<a class="center">
</a>
<a class="right" href="#"></a>
</div>

CSS

.container {
    position: relative;
    margin: 20px;
}
img {
    width: 100%;
}
.left, .right, .center {
    display: block;
    position: absolute;
    background-color: blue;
    top: 42%;
    width: 10%;
    height: 17%;
}
.left {
    left: 18%;
}
.center {
    left: 43%;
}
.right {
    left: 68%;
}