stupid div problem.

[today]

Right so i've got three divs.

DIV ONE - BLUE
DIV TWO - GREY
DIV THREE - RED

I want it so its as following


_________________________________________________
_________________________________________________
__________________________
__________________________


So, i've got div one and two sorted and work perfectly fine however div three sort of goes "behind" div two and hides the start of the text. (Grey part)

So its actually like this :(


_________________________________________________
_________________________________________________
__________________________


Its something to do with the "position: absolute; or overflow: hidden;" But i cant fix it :(

[Oddsocks]

As i can't be bothered to work it out, paste your existing code.

[Decode]

i think its clear: both; to div 3.

[today]

So i got my site coded fully by me, and lol at how long its took and how unfinished it still is!

In FireFox it works perfectly fine!
however in IE its as ****ed as hell.


FIREFOX:

http://uploadpicz.com/images/SACPNTG.png



IE:
http://uploadpicz.com/images/83UF8XI.png





I've have nothing but DIVs and CSS, im also a ****ty coder lol. :( Whats the most COMMON type of error?

[Colin-Roberts]

you could make the top margin in css higher.. (at the first post)

Internet explorer is screwwy. The other coders will know how to fix that easily. I forget how.

[today]

Its all vaild xhtml and css yet in IE its as ****** as hell =//