Question

<!--[if IE]>
    <style type="text/css">
        #botonHome .contButton p a span{ height:25px; }
        #botonHome .contButton p a span input{ position: relative; bottom:5px; }
    </style>
<![endif]-->

<!--[if IE 6]>
    <style type="text/css">
        #botonHome .contButton p a span input{ display: inline; margin:0px; padding:0px; bottom:0px; height:20px; }                                       
    </style>
<![endif]-->

Finally I was able to display properly a button in all browsers, but I would like not to use this inline code in my html file. How can I solve this different CSS implementations for IE using only CSS.

Answer 1

to trick IE6 just put “_” before any property, for example

   #botonHome .contButton p a span input{  _display: inline; _margin:0px; _padding:0px; _bottom:0px; _height:20px; }

UPDATE:

follow this link for css IE hacks