I'm having a problem with people viewing my homepage with a mobile phone and older browsers. I cant reinact the problem so im having problems fixing it. I'm guessing its a CSS issue. hopefully someone will know whats going on. Really dont want to advertise my site until i fix this. the rds is getting put on a new line and the stargate isnt stacking on top of the unactivated stargate. www.stargatesystemlords.com A picture from a cell phone using this css
.stargate {margin: 0 auto; display:none;position:absolute;margin-top:23px;margin-left:-30px;}
this is the javascript code i made to display each pic at a time on top of each other. i use this same function for other things too.
function word_fadein(start,tag,count,speed,fadein) { tag = $('.'+tag); var index = 0; tag.hide(0); var start_delay = function() { var showHide = function() { tag.eq(index).fadeIn(fadein,function(){ }); index++; if (index < count) { setTimeout(showHide,speed); } }; // slowly make each word appearshowHide();}setTimeout(start_delay,start);}