css not working in firefox

[radu jit]

Hi,
I am using one of the built-in jquery slider scripts. Everything works fine in explorer, but in Firefox, Opera and Chrome is messed up.


Here is the style:

<style type="text/css">
 
.clear {
    clear:both
}
 
#gallery {
    position:relative;
    height:237px
}
    #gallery a {
        float:left;
        position:absolute;
    }
 
    #gallery a img {
        border:none;
    }
 
    #gallery a.show {
        z-index:250
    }
 
    #gallery .caption {
        z-index:350; 
        background-color:#000; 
        color:#ffffff; 
        height:0px; 
        width:100%; 
        position:absolute;
        bottom:0;
    }
 
    #gallery .caption .content {
        margin:5px
    }
 
    #gallery .caption .content h3 {
        margin:0;
        padding:0;
        color:#009933;
    }
 
 
</style>

Here is the link to the website:
http://www.iisconsult.ro

is the slider on the left down the flash.

[drhowarddrfine]

If it works in IE, but not the other far more modern browsers, then your code is wrong. Let's start with your 808 HTML errors and continue on with your 254 CSS errors. When those are fixed, then we'll talk.

In the meantime, never, EVER trust IE to do ANYTHING right.

[sedigh mohseni]

I think IE doesn't interpret some concepts correctly such as width and height and maybe your script is exactly based on the same concepts ,and is writen for IE merely.