[xhtml 1.0 & css] select tag height probleem in Opera

[Urk]

Ik heb een vreemd probleem of bug met een <select> tag in Opera en Firefox.

De code is als volgt:

Cascading Stylesheet:

.addproject_column2
{
 width: 310px;
 height: 18px;
 float: left;
}
select.titlerow
{
 vertical-align: middle;
 font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial;
 font-size: 11px;
 background-color: #DEDEDE;
 height: 14px;
 _height: 16px;
 border: 0;
 margin: 0;
 padding: 0;
}

HTML:

<div class="addproject_column2">
 <select name="project_categorie" id="project_categorie" class="titlerow">
  <option value='0'></option>
  <option value='nieuw'>Voeg een nieuwe categorie toe</option>
 </select>
</div>

Met de bovenstaande code is de selectbox in IE en Firefox exact 16px, maar in Opera 14px. Nu zou je zeggen dat dat kan kloppen vanwege mijn gebruikte CSS hack.

Echter als ik de CSS verander naar:

Cascading Stylesheet:

[...]
select.titlerow
{
 vertical-align: middle;
 font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial;
 font-size: 11px;
 background-color: #DEDEDE;
 height: 16px;
 border: 0;
 margin: 0;
 padding: 0;
}

Bij deze correcte CSS ligt het probleem bij Firefox. In IE en Opera is de select box namelijk keurig 16px hoog. Echter Firefox maakt er 18px van

Ik heb al verschillende dingen geprobeerd en gezocht op Google en GoT Search naar dit probleem maar niet echt iets gevonden.
Iemand een idee? Is dit een bug in Firefox?

[crisp]

https://bugzilla.mozilla.org/show_bug.cgi?id=136093

[cyberstalker]

Het is een wilde gok, maar heb je al eens geprobeerd je border, margin en padding waardes correct op te geven? Dus border: none; of border: 0px; etc...

[Urk]

crisp schreef op dinsdag 21 februari 2006 @ 23:14:
https://bugzilla.mozilla.org/show_bug.cgi?id=136093

Ok, het is dus idd gewoon een bug?

Tevens geprobeerd border, padding en margin op none te zetten, echter dat maakt geen verschil ten opzicht van gebruik van 0;

[crisp]

Jep, it's a bug

IE is ook niet perfect wat dat betreft. IE7 zal het ws wat beter gaan doen aangezien de select-tag daar geen windowed control meer is, maar eigenlijk geldt voor bijna alle browsers dat widgets vaak lastig te stylen zijn. Het is dan ook belangrijk dat je je layout daar niet alteveel op laat leunen...

[Urk]

crisp schreef op dinsdag 21 februari 2006 @ 23:46:
Jep, it's a bug

IE is ook niet perfect wat dat betreft. IE7 zal het ws wat beter gaan doen aangezien de select-tag daar geen windowed control meer is, maar eigenlijk geldt voor bijna alle browsers dat widgets vaak lastig te stylen zijn. Het is dan ook belangrijk dat je je layout daar niet alteveel op laat leunen...

OK, thanks! Ik weet idd groot gedeelte betreft de verschillen in styling van form elementen.