I can not write in my website form fields when i open it in other browser than IE.

How u doing peps.
I can not write in my website form fields when i open it in other browser than IE. Its weird because when im using internet explorer the fields are accessible.
It is the same problem that occurs when i try to scroll a page embedded with an <iframe> tag(Im having hard time dealing with the mobility of the scrolling bar.
Anybody have an idea wht could be the problem or give me a hack to overcome it.
Thanks in advance

 

It would be useful to see some code, otherwise the answers we give would literally be a guess. Saying that, at a guess it may have something to do with any styles you've given these fields. Perhaps padding?

Follow up with some code and we can be of more use!

 

what is the url of your website

 

Well the site link is <a href="http://www.apollozisland.com/Contact_Us_edt.php" target="_blank">Apollo's Island contact page</a>.
Try opening it with firefox or safari u will notice what im referin to.
and the iframe bug is located on <a href="http://apollozisland.com/Web_Crafting_edt.html" target="_blank">Apollo's Island contact page</a>.

 

The following in the css style file






ul.module {
list-style-image:url('/ApMedias/ApPics/bullet 3.gif')
}



body {
width:100%;
height:100%;
backgroung-color:#4474ff;
margin:0px;
}



#wle_frame {

margin: auto;
width:100%;
height:1080;
background-color:;
font-family:Gill Sans Std;
font-size:9pt;
font-weight:500;
vertical-align:top;
background-position:50% 0% ;
background-repeat:no-repeat;
background-image:url('/ApMedias/ApPics/Backgm.jpg');
text-align:center;

}



#blank_centerframe{

margin: auto;
width:635;
height:372;
border:solid red 0px;
backgroundimage:url('/ApMedias/ApPics/bgstp11.jpg');
}


#main_centerframe {

margin: auto;
width:635;
height:485;
border:solid red 0px;
background-color:;
background-image:url();


}



table#mn_bar{ width:635;
height:25;
cellpadding:0;
cellspacing:0;
border:0;
}


#mn_holder { margin:auto;
width:555;
height:25;
background-color:#fcd1ca;
cellpadding:0;
cellspacing:0;
border:0;
font-family:kautiva black,arnprior;
font-size:8pt;
text-align:center
}

#mn_bar_span1 {
width:35;
height:25;
}


#mn_bar_span2 {
width:45;
height:25;
}

#front_nav_bar{
margin:auto;
}



#left_ext {
width:124;
height:410;
background-image:url();
border-right:solid blue 0px;
background-color:;float:left;
text-align:justify;
}


#left_ext1 {
width:124;
height:80;
background-image:url('/ApMedias/ApPics/.jpg');
background-color:;
float:left;
text-align:justify;

}

#left_ext2 {
width:124;
height:135;
background-image:url('/ApMedias/ApPics/');
border:solid blue 0px;
background-color:;
float:left;
text-align:justify;

}



#left_ext3 { width:124;
height:100;
background-image:url('/ApMedias/ApPics/');
background-color:;
float:left;
text-align:justify;
}

#mid_ext {
width:385;
height:410;
background-image:url();
backgroundcolor:fbcb03;
float:left;
text-align:justify;

}
#mid_ext1_ol {
width:385;
height:25;
background-image:url('/ApMedias/ApPics/Mission statement ban_reedited.jpg');
background-color:#fbcb03;
text-align:center;

}



#mid_ext1_wc {
width:385;
height:25;
background-image:url('/ApMedias/ApPics/Web Crafting ban_reedited.jpg');
background-color:#fbcb03;
text-align:center;

}

#mid_ext1_pk {
width:385;
height:25;
background-image:url('/ApMedias/ApPics/Pkasso Portfolio ban_reedited.jpg');
background-color:#fbcb03;
text-align:center;

}

#mid_ext1_pg {
width:385;
height:25;
background-image:url('/ApMedias/ApPics/Pandora Gbook an_reedited.jpg');
background-color:#fbcb03;
text-align:center;

}



#mid_ext1_cu {
width:385;
height:25;
background-image:url('/ApMedias/ApPics/Contact Us ban_reedited.jpg');
background-color:#fbcb03;
text-align:center;

}





#mid_ext2 {
width:385;
height:385;
background-image:url('');
border:solid blue 0px;
backgroundcolor:#f9e3b2;
text-align:left;

}



#right_ext {

width:124;
height:410;
background-image:url();
border-left:solid blue 0px;
background-color:;
float:left;
text-align:justify;

}



#right_ext1 {

width:124;
height:80;
background-image:url('/ApMedias/ApPics/');
background-color:;
float:left;
text-align:justify;

}




#right_ext2 {
width:124;
height:135;
background-image:url();
background-color:;
float:left;
text-align:justify;

}


#right_ext3 {

width:124;
height:100;
background-image:url('/ApMedias/ApPics/');
background-color:;
float:left;
text-align:justify;

}



table#bot_ext {

border:0px;
width:635;
height:50;
cellpadding:0;
cellspacing:0;
font-family:tahoma;
font-size:7pt
}


#bot_ext_span1 {
width:125;
height:50;

}

#bot_ext_span2 {
width:130;
height:50;

}

#bot_mn {
width:380;
height:50;

}

#div_bot_mn {
width:635;
height:50;
background-image:url();
backgroundcolor:f7a72b;
float:left;
border:solid blue 0px;
text-align:justify;

}

#juke_box {
position:relative;
top:50px;
left:180px;
text-align:justify;
}

 

Any help peps?

 

Never, ever look at IE to see how things should be working. The problem lies with the div "jukebox" which is covering up the form elements. Other browsers place it the specified 180px from the left. IE is misplacing that element for some reason I don't have time to look into right now.

 

thanks anyway...it might help me for the diagnostics....