CSS Div Overlapping in IE/FF

never mind, fixed it.

hi.

I wasn't sure how to explain this, so I took some snapshots.

In firefox:



the above image is correct.

In IE:



notice how the sidebar won't go over top of the header (grey area), rather, it goes beneath the div instead.

hopefully someone will know how to solve this, thanks.

 

Try to jumble the arrangements of the divs, what's below and what's above matters (i'm talking about the code).

 

Add higher z-index for the sidebar
Like

#sidebar{
z-index:99;
....
...
}

Code (markup):

Nwk

 

ok nvm, i didn't fix it. it still occurs in IE.

I tried rearranging the div's but that doesn't seem to help...

and I tried the z-index after doing a little reading at w3schools and it doesn't seem to apply in IE.

edit: adding position:relative to the sidebar did the trick

 

Give me the link or code of your work. may be I can try a little bit with the real codes itself..

 

If you still need help, make it clear whether problem is still there or it's gone.
I'd like to see the codes, too.