Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

CSS Help

edited October 2008 in Vanilla 1.0 Help
OK CSS gurus, I have set up a layer thingie that needs to be 24 px high and 26 px wide.

The height is important because it contains two small images that I want stacked on top of each other.

The problem is that no matter what I do, it ends up being too high so there's an ugly gap between the images, this is the code...

#ddate { background-color: transparent; position: absolute; z-index: 4; top: 83px; left: 173px; max-width: 26px; max-height: 24px; float: left; }

Mind you, it works fine in Safari and IE 7 but not in Firefox or Chrome.

If you want to see it in real life its the little calendar at the top-left of most pages at at


  • Options
    Never mind, after a weekend off the problem, coming back to it with a clear mind I decided to position the images using "fixed" instead of having them at the mercy of the DIV.

    Thanks to all.
This discussion has been closed.