Problem mit der Darstellung des Container/Main Div im IPhone / IOS

[Zwergenmeister]

Hallo Community,

hab mich jetzt schon mehrere Stunden mit einem Problem beschäftigt wo ich einfach nicht mehr weiter weis.

Über all sieht meine Seite gleich aus im IE/FF/Safari/Chrome nur auf dem Iphone / IOS Geräte... besteht das Problem das oberhalb und unterhalb des Main ein ca 1px Balken entsteht aber auch nur wenn der Viewport nicht gezoom ist! Sobald ich zoome ist es weg.

Hab schon Google befragt und mögliche Bug Lösungen versucht bitte um Tipps, vielleicht hat ja schon wer Erfahrungen gesammelt anbei mal zwei Screenshots.


Vielen Dank

#container {
    background-image: url("../../tl_files/stage-kinetik/Layout/container-bg.png");
    background-repeat: repeat-y;
    min-height: 625px;
}
#main {
    position: relative;
    width: auto;
}
<div id="container">
<div id="main">
<div class="inside"> </div>
<div id="clear"></div>
</div>
</div>