Как разместить кнопку точно в CSS

Я пытался создать простой сайт, например 9X_html5 this. Однако теперь я понимаю, что плохо разбираюсь 9X_html в CSS. Позиционирование кнопки никогда не 9X_inline-block отображается должным образом.
Как вы уже 9X_position-fixed догадались, я хочу, чтобы кнопка (#play_button) отображалась 9X_html точно на изображении кнопки воспроизведения 9X_div в фоновом режиме. Подскажите, пожалуйста, как 9X_position-fixed это сделать?

Мой код CSS:

body { background: url('http://oi44.tinypic.com/33tjudk.jpg') no-repeat center center fixed; background-size:cover; /*For covering full page*/ } #play_button { position:relative; transition: .5s ease; top: 191px; left: 420px; right: -420px; bottom: -191px; } #play_button:hover { -webkit-transform: scale(1.05);/*Grows in size like Angry Birds button*/ -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } 

ОБНОВЛЕНИЕ:

И еще одна проблема: если 9X_html я изменю размер окна браузера, изображение 9X_max-width переместится в новую позицию.

ОБНОВЛЕНИЕ:

Проблема решена 9X_max-width :) Here, in this example, вы можете увидеть, как кнопка остается 9X_webpage в центре страницы, даже если вы измените 9X_css-position размер окна браузера. Как всегда, вы можете 9X_css настроить смещения left и top, чтобы получить желаемые 9X_webpage результаты. Here's the code.