I trying to design a basic layout using CSS. Of course I could do all this using tables, but I am again attempting doing it the "cleaner" looking way using CSS. If you view my example layout, http://modunique.com/ee
, in both IE and Firefox, you'll see my problems.
In IE and Firefox:
In the boxes on the right, if I have an image, and only a little text, the image will run over the border. Can I prevent this? I tried min-height (CSS) to set a minumum height, no luck.
The background color doesn't seem to be filling in behind the 3 columns I created as it does in IE and the lower border sits right below the blue menu. The main content is sitting under (z-index-like) the bottom border....
I know these browsers deal with layout differently. From what I hear, Firefox is correct, and MS kinda does its own thing. But if you state a strict DOCTYPE, it will force MS to be more correct. So I put the DOCTYPE, but no luck.
I tried to find tutorials online for getting these columns correct, but can't seem to find anything that I can incoorporate into what I already have.
Can someone give me some guidance?