I am trying to place 6 inline DIV's into a DIV container
The container has a fixed width & height:
And the DIV's inside share the following class:
Each of the DIV's also have an ID attribute. this is used to assign a unique image to each DIV in CSS. The Images are small enough for the containers.
My problem is that it works perfectly for IE6 & IE7, but not for Firefox...
I assume that its one of IE's cheats that doesnt follow W3 standards - but does anyone know how to make this work for firefox?
If i don't use
then they both render the same (each DIV is placed below on another)
but when i do use the inline property, IE has the desired effect... but FF doesn't display any DIV's at all anymore
Any help is more than welcome,
Here my version that work in Firefox,IE6, IE7 using float
You can see example working at http://www.miguelmanchego.com/samples/divs_inside.html
If you don`t use DIV and use LI works well with display:inline, Does anyone know why?