views:

80

answers:

0

Hey guys, i got this code:

<div style="position:relative; font-size:50px; z-index:2;">
  LAYER 1
</div> 

<div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1">
  LAYER 2
</div>

where layer 2 should be under layer 1.

It works fine without any doctype. If i add one, the divs acts standard: layer 1 layer 2

I got swf file in layer 2 with wmode and transperent. In layer 1 - input box and submit button.

This code work great without doctype in chrome. In mozila transperent bug the swf, and in ie having no doctype bugs margins and paddings. If i add doctype margins and paddings are ok and layout is fine, but bug with layer1 and layer 2 appears.

Can you give me some advice how to fix this doctype bug, or how my layout to not change when i do not use doctype in ie. Thank you very much and sorry for my bad English. :)