span functie bug in IE

ik heb een probleem met een functie; span

bij FF en GC zet hij de buttons wel gwn mooi naast elkaar maar in IE.. gaan ze lelijk onder elkaar... en het komt door die span functie maar kweet dus niet hoe ik dat anders krijg? iemand miss een ideetje...? dit is de code:

<form>
        <input type="text" value="" title="Google zoeken" size="55" class="text">
        <br>
        <span class="button_wrapper">
          <div class="inner">
            <input type="button" value="Google zoeken" rel="localize[search_button]" id="search">
          </div>
        </span>
        <span class="button_wrapper">
          <div class="inner">
            <input type="button" value="Ik doe een gok" rel="localize[lucky_button]" id="lucky">
          </div>
        </span>
      </form>

.SOLVED.:slotje::slotje::slotje::slotje:

.DELETE.

Citaat

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Uitleg..?

okey gedaan, maar toch maakt het geen ene verschil.. dus vraag ik me nu af waar me dit mee moet helpen :hmm: nog andere ideeén? of mogelijkheden? :}

Zoals Dein all zei.. 'helemaal bovenaan' in me CSS stylesheet <-- Klik?

Citaat van Dein

Misschien moet je hem onder dat PHP gedeelte zetten..
Ik bedoelde gewoon boven alle andere css code.

Werkt ook niet.

Citaat van Knowboard

PHP in css gaat niet werken...
Je moet reset.css in je css folder plaatsen en dan link href maken boven style.css in je index

Ik heb die reset.css aangemaakt
en boven de code waar m'n style.css wordt opgeroept dit neergezet:

<link rel = "r-stylesheet" href = "i_files/reset.css" type = "text/css" media = "screen" title = "r-stylesheet"/>

Toch ook geen effect.^o)

Knowboard.. dat hielp niet..

mja ik heb de probleem all gevonden ^o) ik zag het waarschijnlijk over het oog bij de vorige poging van het overkijken... en het gaf geen problemen bij GC en FF dusja.. mja dit heeft het gefixt:

.button_wrapper .inner {
background:none repeat scroll 0 0 #EEEEEE;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:solid;
border-width:1px;
display:block;
height:30px;
}

Het Dikgedrukte is weggehaald, probleem ook weg.. Toch bedankt allemaal voor de hulp.. ik heb weer wat dingetjes geleerd tijdens het zoeken naar de fix. :cheer:

Hier kan een slotje op:$:SLOTJE: