Grafik im Footer wird auf dem Iphone nicht richtig angezeigt bzw. dupliziert

Hallo Liebe Forummitglieder,
woran könnte es liegen das die Hintergrundgrafik fuss1.jpg im Footerbereich im IE 9 und Firefox korrekt
angezeigt wird und auf dem iphone und laptop abgeschnitten wird. Die Grafik wird so wie es aussieht nicht
repeatet.

Hat mir jemand einen Tipp? Muss ich für die Browser eine Weiche anlegen?

Hier noch der Code:

/** Footer **/

#footer {
clear: both;
width: 100%;
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
background: url(http://meinedomain.de/images/fuss1.jpg);
background-repeat: repeat-x;
overflow: auto;
color: #999999;

}

#footer ul {
width: 1000px;
float: left;
display: inline;
padding: 0;
margin: 0;
margin-left: 590px;
}

#footer a {
display: inline;
float: left;
color: #8b9bbc;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
padding-left: 40px;
margin-bottom: 1px;
text-decoration:none;
text-transform: uppercase;
background-attachment: fixed;
}

#footer a:hover {
color: white;
text-decoration: none;
}


#footer div.custom hr {
border: 0;
color: #8b9bbc;
background-color: #a6a6a6;
height: 1px;
}


Viele Grüße
Tanja