position abs img - percentage left and top

by ian_smithz

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="container">
	
    <div class="row-fluid">     
        <div class="span12">
            <div id="counter">
                <img id="over" src="http://www.bit-101.com/blog/wp-content/uploads/2009/05/ball.png" alt="1" />
                <img src="http://i.telegraph.co.uk/multimedia/archive/02351/cross-eyed-cat_2351472k.jpg" alt="bg" />
            </div>
        </div>           
    </div>
	
</div>

CSS

@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css');
@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css');
.container {
    background: #f3f3f3;
}
#counter {
    position: relative;
    display: inline;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
    max-width: 10%;
}