Login form : Invisible telephone field

[Artoo]

Hi,

I have a weird problem on the login form of the shop I am setting up. The telephone is invisible! It's there but the area is blank. BUT if you click where it's suppose to be, they it shows up!
I have attached an image of what it looks like before and after you click in the area of the telephone field.

Does anyone knows what can cause this and how to fix it?

Thanks a lot for your help!

[BlindSide]

Any chance you can provide a link? Much easier if we can see the page in question.

[Artoo]

Yeah sure, click here and you will access the shop that I am working on.

I am working on a Mac and I looked at this form on Safari and Firefox and the problem occurs on both. For what I have seen, it seems to be the same on PC browsers...

Thanks for your concern BlindSide

[BlindSide]

In stylesheet_tv.css, around line 437, your definitions for the phone number input begin...

#telephone {
border:0 none;
float:right;
height:45px;
margin:0;
padding:0;
text-align:left;
width:411px;
}

You might want to do something about the highlighted line

[Artoo]

Oh boy, I didn't realise that I named the div containing the phone number in the footer the same way as this form field !!
I have spent ages trying to understand why that damn phone number field wouldn't show up !!

Many many thanks BlindSide, you made my day !

[BlindSide]

No problem. You definitely should download Firefox and install the Firebug addon. There's no better way to diagnose HTML/CSS layout issues like this. It took me literally 30 seconds to find the problem.