Background getting cut in mobile browsers

[Juan Pernia]

Hi everyone, when I set a background for a div, it works perfect in the 
desktop version but in the Safari browser (on iPhone) it  gets cut, causing 
a horrible inconsistence in the design.

*For example:*

*Here's my code:*

.wrapper_header {
    background: 
url("http://maranjo.com/keupi/css/../images/bg_main_body.png";) no-repeat 
scroll center 65px transparent;
    padding: 8px 0 13px;
}

*And here is how it looks on the desktop version.*

<https://lh3.googleusercontent.com/-rNXpY3avdcI/UBmaIxzWYsI/AAAAAAAABm8/YMnbR6HfsjY/s1600/Screen+shot+2012-08-01+at+16.33.58.png>



*And here is how it looks at the mobile browser (the problem):*
*
*

<https://lh6.googleusercontent.com/-MUUIf0Hn8a4/UBmacAjgQFI/AAAAAAAABnE/t88VxcFuSBU/s1600/photo.PNG>
*
*



*P.D.: *

   - Im not using the responsive bootstrap version. 
   - Im using Bootstrap v2.0.3
   
*Thanks!*