Probleem met IE (css)

[Cooleronie]

Hallo,

Ik heb een klein probleempje met een stukje css dat niet wil werken in IE. Althans, er verschijnt een border dat ik niet weg krijg.

Het betreft een simpel form in html met een stukje css. In IE9 en lager komt dit er zo uit te zien:



Uiteraard hoort de border erom heen niet en ook niet het broken image plaatje.

De html is gewoon in een form div met bijbehorend css:

HTML:

<input type="image" value="submit" class="submit_s"  alt="" title="search"/>

Cascading Stylesheet:

 .submit
{
position: absolute;
border: none;  
padding: 0px; 
background: url('view/resources/images/buttons/search_a.png') no-repeat ;
width: 80px;
height: 67px; 
margin-top: -15px;
margin-right: -10px;
margin-left: -50px;

}

.submit:hover
{   
    background: url('view/resources/images/buttons/search_a.png') no-repeat ;
    border: none;
    padding: 0px;
    width: 80px;
    height: 67px;
} 

Ik weet niet waar de fout ligt Al verscheidende dingen geprobeerd maar niks, het MOET namelijk werken in IE.

Any help? Thx from a beginner:)

[Walance]

Probeer eens om, ipv via css, de afbeelding toe te voegen dmv het "src" attribuut.

// Edit: En in je html staat class="submit_s", terwijl in je css ".submit" staat, dit lijkt me ook niet te kloppen.

[ Voor 42% gewijzigd door Walance op 27-03-2012 16:47 ]

[Wiethoofd]

Een input met type="image" moet een src hebben met de locatie van de afbeelding die nu in de css staat.

Hoe je het nu doet zou je er gewoon een type="submit" van kunnen maken. Tevens hoef je in de :hover van de .submit niet ook nogmaals alle styles die hetzelfde blijven te herhalen, die overerven gewoon (in dit geval zou hij helemaal weggelaten kunnen worden).

[NMe]

^^ wat hij zegt. Maar dat is dan ook allemaal vrij basale kennis waar je prima zelf uit had moeten komen als je even gezocht had. Je zal ofwel een image input moeten gebruiken en dan geen CSS gebruiken om de image neer te zetten, ofwel je zal een submit-input moeten stylen, waarbij dat laatste de voorkeur heeft. Daarnaast heeft zoals Wiethoofd al zegt die :hover-definitie geen enkele toegevoegde waarde. Ook in CSS geldt: als je niks nieuws te zeggen hebt, zeg dan niks.

Dit topic doe ik dicht vanwege een gebrek aan zelf zoeken. Lees trouwens ook Waar hoort mijn topic? even door, want je zit ook op de verkeerde plek.