The question is beaten, but I can not cope.
There is an external DIV with an internal dam and full width image

I can not clarify the text over the picture

& lt; div class = "one" & gt;
 & lt; div class = "two" & gt; text & lt; / div & gt;
 & lt; img class = "Full" src = "https://pp.vk.me/c630828/v630828919/5293e/hthcyfpux29.jpg" & gt;
& lt; / div & gt;

css

. one {
 Background-Color: #CCC;
}
.two {
 width: 40%;
 Height: 40%;
 margin: 0px auto;
 Text-Align: Center;
}
.full {
 width: 100%;
 Height: AUTO;
}

Answer 1, Authority 100%

Apply Absolute Positioning + Margin: Auto;