фон Bootstrap3 изображения не помещается в DIV

Question

У меня есть небольшая проблема йота фонового изображения, я хочу поставить его в качестве фона для шахты центрального DIV, увидеть картину:

Изображения необходимо, чтобы поместиться в DIV поэтому текст может отображаться в центре изображения, его простой материал, но по какой-то причине мой образ не подходит для div, может кто-то объяснить, что происходит, и сказать мне, как я могу это преодолеть.

Код для фонового изображения:

.central_text{ 
    width:50%; 
    height:50%; 
    background: url(../img/circle/new11.png); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Вот jsfiddle рабочий пример этого образа.

Я использовал background:url(../img/circle/new11.png) center center no-repeat;, и это будет центральное мое изображение, но это отображает только часть не целого изображения. Так что я получил это:

И я хочу сделать это следующим образом:

Answer 1

Смотрите пример: fiddle

CSS:

.central_text{ 
background:url(../img/circle/new11.png) center center no-repeat; 
}