I faced some problem with responsive design when using absolute positioning. I have a container-div which contains an image and an inner-div. Through absolute position, i placed the inner-div in front of the image.
<div class="outer-div" style="position: relative">
<img src="image.jpg" />
<div class="inner-div" style="position: absolute; top: 10px;">
<p> text here </p>
Add this meta tag to your document head:
<meta name="viewport" content="width=device-width, initial-scale=1.0">