z-index 와 테이블에 대해 여쭤봅니다. ㅠ.ㅠ

이렇게 클릭해주셔서 감사합니다.다름이 아니옵고

-------- header

-------- body

-------- footer

이렇게 3가지 section 으로 나눴습니다.header, body, footer 각 position: relative 를 줬습니다.
header의 플래쉬 메뉴를 클릭하면 길게 내려오 body를 덮으게 되있는데
z-index:100 으로 주려 합니다.혹 absolute를 줘야만 z-index로 덮으는지요 아님 relative를 줘도 z-index로 덮어지는지
여쭤봅니다.

------------------------------------------------------------
다른 하나는 테이블인데요
table width=100%
colgroup
col style=width: 100px; /
col style=white-space:nowrap /
col style=width: 100px; /
/colgroup
thead
tr
td번호/td
td제목/td
td작성자/td
/tr
/tead
tbody/tbody
/table

이렇게 줬는데요..제목이 길어지니까...길게 쭈~욱 늘어더라고요. 그래서
col style=white-space:nowrap / 이부분을 col style= / 삭제했더니 벗어나지 않고 밑으로 내려갔습니다.
근데 숫자, 영문 (예:111111111111111122222222222222222, aadfasfkljalkdsjfkladjljadsklfjalf) 이렇게 주니까 또
벗어나더라구요.
해결 방법이 없을까 해서 찾아봤는데 word-break;break-all 이 있어서 썼는데 해결이 되었습니다.
근데 ie에서는 되는데 파이어폭스에서는 또 적용이 안되더라구요. 파폭에서 해결할 방법이 없을까요? ㅠ.ㅠ