select box style in IE and Firefox

[Solaar]

Hi

I have been bashing my head over this for too long, i have the following class for a select box...

.search_dropdown{
width:166px;
height: 20px;
float:right;
margin: 0px 8px 0px 0px;
text-align:center;
color:#7B7E82;
}

Which u can see at http://jagprops.co.uk/hcdev/index4.php

It looks fine in Firefox but is the wrong height, text colour and text align in IE7.

Would love to get this thorn out of my butt if anyone can help.

Solaar

[Solaar]

P.S I have run the pages thru validation, aside from some other stuf there is nothing indicative of the described problem

[WebJoel]

Upon validation, I noted 39 errors ("warnings" really, but some are potentially page-busting and should be considered errors). See screenshot:
missing "</a>" before <div> warning is serious... It may work, but it probably destoys the intended layout. You may disregard the "missing alt="" " for the time being... this is for accessibility but doesn't cause the page any ills.

Also, -"height:20px;" is very thin... about the width or thickness of a scrollbar. This might be a problem(??).

What is this .search_dropdown supposed to do, -be a drop-down navigation list or something?

[Solaar]

I'll fix the validation bugs and see what happens...I'm a developer, normally the designer guys deal with this but it's my own project. Thanks for the input :)

[WebJoel]

If you have FIREFOX, get the extention "HTML-Validator by TIDY" and it will fix all "warnings" with the click of one button, presenting you with 'cleaned code'. :)

You're right, -this looks good in Firefox. I don't have nor will I use, IE7, -but in IE6, look how your page looks... this sn't right. :confused:

[ray326]

IE's support for styles in selects is very limited but you may have better luck on some of those styles if you apply them to the options.