Hi - I need to have a CSS expert look at this page to explain to me why it displays differently in IE6 and FF.
The page was "built" and styled for IE6 primarily (customer requirement). I'm using an IE conditional statement but don't know if I'm using it correctly. I also don't know if the problem is related to the conditional sheet.
Here's a detailed list of the problems I see (if you use the link, you'll see them too):
In IE 6 the words "User ID" and "Password" line up perfectly with text-align:left. In FF they are slightly uneven.
In IE6 the two input fields line up perfectly, one above the other. Even though the space between the label and the input field is different, the input fields line up. In FF the two input fields are way out of line with each other. Why?
I've also used sprite-type CSS rollover image replacements for all of the buttons. I use one graphic that has the button's off state at the top and the over state on the bottom. Using CSS, the image shifts from the Off to the Over when the user hovers over the image. The problem is that sometimes (IE6) causes them to blink horribly before shifting to the over state - and sometimes they just disappear. In FF - they don't change at all! Why not?
I appreciate some expert eyes on this page. How can I fix this page?