I am very new to PHP, and just starting to find my feet with it, so bear with me if I am missing something fundamental here.

I have created a very simple system to display a quote for a course of English lessons. The form is embedded into the page in a series of <select>options, and on submit sends to itself (PHP $_SERVER['PHP_SELF']).

This then loads the page again, with the resulting quote displayed alongside the calculator so that the customer can get another quote if desired.

 

During testing, this worked without problems. However, once uploaded as part of the website, it works fine for one input, and on reload the <select> options are unavailable except by using TAB. The strange part of this is that this issue only occurs on Firefox and Google Chrome running under Windows XP (replicated on multiple computers). On Vista, all browsers work as intended.

 

Live example: http://www.longshadow.pl/en/teaching.php

 

I have tried uploading just the form, which strangely, works as a stand-alone. It can be found here: http://www.longshadow.info/form.php

 

If anyone can suggest a reason for this, please do! It's starting to drive me crazy!

Hi, I've only had a quick look but try adding a z-index to form#quote in 'main.css'

form#quote {
border: 1px solid gray;
background-color: #EEE;
width: 50%;
float: right;
margin-right: 2em;
margin-top: 0.7em;
position: relative;
bottom: 4.3em;
z-index:100;
}

Ok the issue has been dealt with now It turned out to be a bug in the CSS positioning. Changing the positioning type dealt with it. Many thanks for the z-index suggestion, but it turned out a few other changes were necessary anyway!