css - Text in tables are all out of the place -

I was codifying this little page here

but Then a large range of old XP computer (WWW) friends with my friend and my resolution size (1024x768) and when they reach the page, all the text in the divs is all right outside the middle box.

All CSS here and

  #playerb {status: Completed; Left: 740px; Top: 507px; Width: 60px; Height: 60px; } #song {font-family: Vardana, Geneva, without-serif; Text-shadow: 1 px 1 px px rgba (190, 190, 190, 1); Font-size: 11px; Status: Completed; Left: 554px; Top: 538px; Width: 130px; Height: 60px; } #listeners {font-family: vardana, geneva, non-serif; Text-shadow: 1 px 1 px px rgba (190, 190, 190, 1); Font-size: 11px; Status: Completed; Left: 696px; Top: 538px; Width: 90px; Height: 60px; } # Mahebbo {status: absolute; Left: 518px; Top: 511px; Width: 60px; Height: 60px; }   
 DIV  
  & lt; Div id = "playerb" & gt; & Lt; Iframe frameborder = "0" scrolling = "no" src = "http://burnhabbo.com/play.html" & gt; & Lt; / Iframe & gt; & Lt; / Div & gt; & Lt; Div id = "myhabbo" & gt; & Lt; A href = "http://habbo.com.br/home/T.Moonblade" target = "_ blank" & gt; & Lt; Img src = "img / avatarimage.gif" width = "33" height = "56" heading = "Super Nobbs!" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div id = "song" & gt; & Lt; Marquee & gt; & Lt; A href = "https://93.190.141.194 Month 199 / tunein / burn.pls" id = "cc_strinfo_song_burn" class = "cc_streaminfo" style = "text-decoration: none" & gt; Carregondo ... & lt; / A & gt; & Lt; / Marquee & gt; & Lt; / Div & gt; & Lt; Div id = "listeners" & gt; & Lt; Span id = "cc_strinfo_listeners_burn" class = "cc_streaminfo" & gt; & Lt; / Span & gt; / 3000 & lt; / Div & gt;   
 How to solve it?   
 
 
 I have your page structure, and it's not really good ...  
 You have to study more HTML and CSS to keep your content in a better position.  
 I'll give you the  div  s for this special work, and to spend a lot of time understanding CSS. (Especially background css.)  
 With some additional information here  
 I have made an example of a good framework for you. This is HTML:  
  & lt; Div class = "back" & gt; & Lt; H2 & gt; Leim Caros Yusuos! & Lt; / H2 & gt; & Lt; P & gt; It tells about my friends, which is a Bernahabob Veera mercury family, is the site of families and is encouraged to promote them! Estimate a firewall for your local citizens for the number of Aestamos and firewall costs and prices rise, Avon Burn Habbo! & Lt; / P & gt; & Lt; / Div & gt;   
 And this is CSS:  
  .back {color: white; Height: 233px; Width: 434px; Background repeat: do not repeat; Background Image: URL ('http://burnhabbo.com/img/aviso.png'); Background-position: top center; Text-align: center; }. Back H2 {Padding-Top: 5px; }. Backpack {padding: 0px 20px; Margin top: -10px; Font-size: 18px; }