Centering background header image - Joomla! Forum - community, help and support

in short, i'm working this, http://treasurecovedivers.com/. need top background image centered. i've tried "usual" way, here how css now:

code: select all

h1.logo {
   display: block;
        background: url(../images/random/rotate.php) no-repeat;
   background-position: center;
        width: 800px;
   height: 175px;
   z-index: 100;
}

i've tried many variations placement of "background-position", including putting after url in same line, , can't figure out. thoughts?

edit:to change url. despite centering problem, site live.

looks me have header image hard coded in template: here's output code , overrule

<div id="ja-header" class="clearfix" style="background: url<!--(http://treasurecovedivers.com/devcenter ... eader2.jpg)--> no-repeat top right;">