写一段CSS样式，要求将两个DIV交叉重叠在一起，下面的DIV背景色为黑色，上面的背景色为白色。

【提示】

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http：//www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞交叉重叠层＜/title＞

＜style type="text/css"＞

html{color：#f00；}

top{width：200px；height：300px；background-color：#fff；position：absolute；top：50px；left：50px；}

bottom{width：300px；height：400px；background-color：#000；z-index：-100；position：absolute；top：0；left：0；}

＜/style＞

＜/head＞

＜body＞

＜div id="top"＞上面层＜/div＞

＜div id="bottom"＞下面层＜/div＞

＜/body＞

＜/html＞