Try a CSS design that imitates the watercress FM Effect

I want to create an interface application based on the effect of Douban FM, but I only finished the work in FF, so it is really difficult to implement compatibility in IE ~~ Is it really so difficult to fix ed and center both left and right and vertically ?!!

 <  Html  >  <  Head  >  <  Title  > Test for div CSS </  Title  >  <  Style  > <! -- Body  {  Background-color  :  #333  ;  Margin  :  0  ;  Padding  : 0  ;  Height  :  100%  ;  Overflow  :  Auto  ;  }  Div. FD {  Width  :  500px  ;  Height  :  Pixel PX  ;  Position  :  Fixed ;  Top  :  50%  ;  Left  :  50%  ;  Margin  :  -95px 0 0-250px ;  Background  :  Url('frame.png ')  ;  _ Position  :  Absolute  ;  _ Top  : Expression(eval(document.doc umentelement. scrolltop ))  ;  _ Margin  :  0  ;  }  P. CP  {  Word-wrap  : Break-word  ;  Word-break  :  Break-all  ;  Background-color  :  White  ;  Padding :  48px  ;  Width  :  400px  ;  Margin  :  0 auto  ;  Font-size :  100px  ;  Line-height  :  Pixel PX  ;  }  -->  </  Style  >  </ Head  >  <  Div  Class  = "FD"  > </  Div  >  <  P  Class  = "CP"  >  The impact of internal factors of the structure design seller in the interface design on the effective response of the questionnaire survey... the information organization model (price sensitivity test) of the mobile web design is in the network Questionnaire  </ P  >  </  Body  >  </  Html  >