background image not displaying 100% width of iphone

hi getting strange behaviour on iphone using firefox displaying in firefox on computer.  not wish submit name of site not want show in search results if can me pm site address.  thanks.

 

as header's width 100%, why there need margin: 0 auto or text-align:center?  surely  background image should display 100% of screen? actual logo image sits in header div should have text align , margin auto yes?  know applying these rules way not center logo within div why? have uncommented out text align , margin auto on header div , displays on computer not on iphone.

 

with regards iphone background image stops short of logo small amount, have not designed separate style sheet iphones, not part of scope rest of pages display ok why background image stop short of logo image?

 

i appreciate input.

 

 

 

this css

#header {

 

   width:100%;

 

  height:117px;

 

    padding: 0 0 0 0;

 

/*    text-align:center;

 

    margin:0 auto;*/

 

    background:url(images/header-bg2.jpg) left repeat-x;}

 

   

 

#header img {

 

    border:none;

 

    padding:0;

 

    margin:0 auto;

 

    text-align:center;}

 

 

<div id="header">

<a href="http://www.xxxxxxxxxxxxxxx.com.au"><img src="images/kps-logo.png" width="1024" height="117" alt="xxxxxxxxxxx logo" /></a>

</div>  <!--end of header-->

you have nothing defining background image size, box holds it

 

try adding css control actual background image...

 

background-size:cover;

background-position:right top;

background-repeat:no-repeat;

background-atachment:fixed;

More discussions in Dreamweaver support forum

adobe