this way I can just use

.MYCLASS {
position:fixed;
}

.iphone .MYCLASS {
position:static;
}
This extends for ALL browsers and OS.

….
AND NOW FOR SOME OFF TOPIC
This is very useful if you are using a lot of 3d-transformations which do not work on windows. (that’s what I am doing)

so here I would also use something like

.MYCLASS {    -webkit-transform:      skew(0deg, -5deg);}
.mac .MYCLASS {    -webkit-transform:      perspective(290px) rotateY(30deg) rotateX(5deg);}
this way we are able to create really nice fallbacks for ALL browsers…
I hope this is useful for any of you guys..

OH AND SORRY FOR THE OFF TOPIC

#footer{  height:30px;Position:fixed; left:0; bottom:0;width:100%; z-index:3; font-size:10px; background-color:#000000;}

and the jquery…

jQuery(document).ready(function($) {if(navigator.platform == ‘iPad’ || navigator.platform == ‘iPhone’ || navigator.platform == ‘iPod’){$(“#footer”).css(“position”, “static”);};});

:-/

So if your DIV ID=”fork-hat”, the line would look like this:

$(“#fork-hat”).css(“position”, “static”);

So if your DIV ID=”fork-hat”, the line would look like this:

$(“#fork-hat”).css(“position”, “static”);