[ie6+7] Input submit problemen

[clooner]

Bij Firefox, Safari en IE8 is de zoekknop goed. Alleen bij IE6 en IE7 heb ik problemen. Het ziet er niet uit zoals het hoort en ook kan ik helemaal niks invoeren.

Cascading Stylesheet:

li.search form { height:32px; width:217px; background:url(images/search.png) repeat-x 0px -32px #ff00ff; padding:0px; margin-left:90px;}
fieldset.input_bar { padding:0px 0px 0px 10px; height:32px; border:0px; background:url(images/search.png) 0px 0px no-repeat; float:left;}
fieldset.input_bar input { border:0px; margin:0px; width:183px; line-height:22px; height:22px; padding:0px; position:absolute; top:133px; }
fieldset.search_button { height:32px; position:relative; left:185px; width:22px; text-indent: -5000px;  background:url(images/search.png) 0px -64px no-repeat;}
fieldset.search_button:hover { background-position: 0px -96px; cursor:pointer; }

HTML:

        <li class="search">
          <form action="http://arie.nl/" method="post">
            <fieldset class="input_bar"><input type="text" name="search"/></fieldset>
            <fieldset class="search_button"><input name="submit" type="image" value="Zoeken" class="search_button"/></fieldset>
          </form>

Ik heb het ook geprobeerd met input type="image" en dan ziet het er al iets beter uit (de uitlijning klopt dan nog niet) maar dan kan ik ook nog niks invoeren. Hoe krijg ik het zo dat het er ook goed uit ziet in ie 6 en ie7

[Bosmonster]

Format je CSS even netjes, dan is het voor ons ook leesbaar...

Verder, welke doctype gebruik je? Want het ziet er uit als een boxmodel probleem.

[ Voor 44% gewijzigd door Bosmonster op 06-07-2009 17:00 ]

[marko77]

Volgens mij moet je een input type image ook nog een src meegeven. Anders kan dat plaatje niet getoond worden.

[moozzuzz]

Waarom gebruik je fieldsets?

[Grote Schurk]

Heb je op "fieldset.search_button" "overflow:hidden" al geprobeerd?

[clooner]

Ik heb het al opgelost en heb gewoon gewerkt met input type="submit". De fieldset om de button heb ik weggehaald en daarmee het probleem van uitlijning opgelost. het probleem van de knop weergave is toen ook plots verdwenen. Ik heb het alleen nog niet helemaal netjes onder ie6 en dat laat ik ook zo.