Background Image not showing up on iphone/tablet

Background Image not showing up on iphone/tablet

I have a background image that's not showing up on the iphone/tablet! The
funny thing is that if you use a laptop but set the window size to that of
an iphone/tablet, it still shows up (try resizing the site).
#intro {
background: url('imageurlhere') no-repeat right fixed;
background-color: #fdfdfd;
-webkit-background-size: 50% 125%;
-moz-background-size: auto 125%;
-o-background-size: auto 125%;
background-size: auto 125%;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imageurlhere',
sizingMethod='scale');
-ms-filter:
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imageurlhere',
sizingMethod='scale')";
padding-top: 10%;
}
if i take off the "fixed" parameter, it will show but parallax will be gone.
You can view it here: http://tinyurl.com/m2alv3f
Is there any way to fix this? Thanks!