[help] big black boxs, messed up code... Options

[initial-seven]

This is the first skin that I've made for my myspace

I designed it in firefox and when I finished it, it looked fine, but when I view it in internet explorer, theres this big black ugly boxes at the top of the page.

can somebody plz help me fix the problem?
also, the music video is kinda screwed up...

heres my code:

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/*sets the default style for the body, table data, list data, divisions and text areas*/<br />body{<br />background-color:FFFFFF;<br />background-image: url('http://img.photobucket.com/albums/v85/aznhacker/background.png');<br />background-repeat:repeat-y;<br />background-position: center;<br />background-attachment: fixed;<br />scrollbar-arrow-color:;<br />scrollbar-track-color:;<br />scrollbar-face-color:;<br />scrollbar-3dlight-color:;<br />scrollbar-highlight-color:;<br />scrollbar-darkshadow-color:;<br />scrollbar-shadow-color:;<br />font-family:arial;<br />font-size:11px;<br />color:000000;<br />border:none;<br />cursor: url();}<br /><br />input, select, textarea, .textfield, .button {<br />font-family:arial;<br />font-size:11px;<br />color:000000;<br />border: 1px solid 707070;<br />background-color:transparent;<br />text-align:center;<br />cursor: url();}<br /><br />table, td, th, tr {<br />background-color:transparent; <br />font-family:arial;<br />font-size:11px;<br />color:000000;<br />border:0px;}<br /><br />table{text-align:right;}<br />xmp,li, p, div, textarea {<br />background:transparent;<br />font-family:arial;<br />font-size:11px;<br />color:000000;<br />border:0px solid FFFFFF;}<br /><br />/* TEXT DEFAULTS */<br />/*class for the basic font for the page*/<br />.text {<br />font-family:arial; font-size:11px; color:000000;text-align:justify;}<br /><br />b,i,strong,em,u,s {<br />font-family:courier new; font-size:12px;color:FFFFFF;}<br /><br />/*not used on profile*/<br />.spacetext{font-family:courier new; line-height: 11px;font-size:11px; color:000000; }<br /><br />/*style for the number of comments you have. The actual .*/<br />.redtext{font-family:courier new; font-size:11px; color:FFFFFF; }<br /><br />/*not used on profile*/<br />.redtext8{font-family:courier new; font-size:11px; color:000000; }<br /><br />/*style for the number of friends you have.*/<br />.redbtext{font-family:courier new; font-size:11px; color:FFFFFF;border:0px solid 000000; }<br /><br />/*not used on profile*/<br />.redtext12b{font-family:courier new; font-size:11px; color:000000; font-weight:bold;border:0px solid 000000;}<br /><br />/*not used on profile*/<br />.bluebtext{font-family:courier new; font-size:11px; color:000000; border:0px solid 000000;}<br /><br />/*repeat of the style for how many comments you have*/<br />.redbtext{font-family:courier new; font-size:11px; color:000000; border:0px solid 000000;}<br /><br />/*not used on profile*/<br />.utext{font-family:courier new; text-decoration:none; font-size:11px; color:000000; }<br /><br />/*not used on profile*/<br />.orangetext{font-family:arial; font-size:11px; color:707070; font-weight:bold;}<br /><br />/*not used on profile*/<br />.orangetext2{font-family:arial; font-size:11px; color:707070; font-weight:bold;}<br /><br />/*"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style*/<br />.orangetext15{font-family:courier new; font-size:12px; color:707070; text-transform:uppercase; font-weight:bold;background:none; text-decoration:underline;}<br /><br />/*"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style*/<br />.lightbluetext8{font-family:courier new; text-transform:uppercase; font-size:11px; color:000000; font-weight:bold; background:none;text-align:right;}<br /><br />/*"In your extended network" style*/<br />.blacktext12{font-family:courier new; font-size:16px; color:FFFFFF; font-weight:bold;text-decoration: underline;text-transform:uppercase; }<br /><br />/*"Contacting", "Interests", "Details", and "Schools" title styling*/<br />.whitetext12{font-family:courier new; font-size:16px; color:707070; font-weight:bold;text-decoration: underline; border:0px solid 000000;text-transform:uppercase; }<br /><br />/*Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?*/<br />.nametext{font-family:courier new; font-size:16px; color:000000; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase; }<br /><br />/*not used on profile*/<br />.bluetext8{font-family:arial; font-size:11px; color:000000; font-weight:bold;}<br /><br />/*not used on profile*/<br />.FFFFFFtext7{font-family:arial;font-size:11px; color:FFFFFF;font-weight:bold;}<br /><br />/*not used on profile*/<br />.FFFFFFtext15{font-family:arial; font-size:11px; color:FFFFFF; font-weight:bold;}<br /><br />/*not used on profile*/<br />.blacktext15{font-family:arial; font-size:11px; color:000000; }<br /><br />/*not used on profile*/<br />.blacktext13{font-family:arial; font-size:13px; color:000000; }<br /><br />/*not used on profile*/<br />.blacktext12nb{font-family:arial; font-size:11px; color:000000; }<br /><br />/*date stamp on comments*/<br />.blacktext10{font-family:arial; font-size:11px; color:000000;border:0px solid 000000;}<br /><br />/*not used on profile*/<br />.blacktext10nb{font-family:arial; font-size:11px; color:000000; border:0px solid 000000;}<br /><br />/*not used on profile*/<br />.blacktext7{font-family:arial; font-size:11px; color:000000; }<br /><br />/*not used on profile*/<br />.footer{font-family:arial; font-size:11px; color:000000; font-weight:bold;}<br /><br />/*not used on profile*/<br />.skip{font-family:arial; font-size:11px; color:000000; text-align:right;}<br /><br />/*not used on profile*/<br />.blacktext14bu{font-family:arial; font-size:11px; color:000000; text-decoration:none;}<br /><br />/*This is how all anchor points will be displayed; anchor points appear before all links.*/ <br />a, a:link,a:active,a:visited{font-family:arial; font-size:11px; color:ccc9ca;text-decoration:none;cursor: url();}<br />a:hover{border-bottom:1px dashed 000000; font-family:arial; font-size:11px; color:000000;cursor: url();} <br /><br />/* "View all friends" and "invite more" link style*/<br />a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:arial; font-size:11px;font-weight:bold;color:707070;text-decoration:none}<br />a.redlink:hover{font-family:arial; font-size:11px; color:FF95CD;border-bottom:1px dashed 000000;} <br /><br />/*not used on profile*/<br />a.blink,a.blink:link,a.blink:active,a.blink:visited{font-family:arial;font-size:11px; text-decoration:none;color:707070;text-decoration:none}<br />a.blink:hover{font-family:arial; font-size:11px; color:FF95CD;border-bottom:1px dashed 000000; } <br /><br />/*not used on profile*/<br />a.FFFFFF,a.FFFFFF:link,a.FFFFFF:active,a.FFFFFF:visited{font-family:arial; font-size:11px; text-decoration:none;color:707070;text-decoration:none}<br />a.FFFFFF:hover{font-family:arial; font-size:11px; color:ccc9ca;border-bottom:1px dashed 000000; } <br /><br />/*not used on profile*/<br />a.FFFFFF7,a.FFFFFF7:link,a.FFFFFF7:active,a.FFFFFF7:visited{font-family:arial; font-size:11px; color:707070;text-decoration:none}<br />a.FFFFFF7:hover{font-family:arial; font-size:11px; color:ccc9ca;border-bottom:1px dashed 000000; } <br /><br />/* TEXT FORMATTING */<br />/* DEFAULT FONT, SIZE 8, BLACK */<br />/* btext used for "latest blog entry" and "USERNAME has * friends"*/<br />.btext, .itext{font-family:courier new; text-transform:uppercase; font-size:11px; color:707070;border:0px solid 000000;}<br /><br />/* DEFAULT FONT, SIZE 8, COLORS */<br />.bwtext, .rtext, .rbtext, .subhead{font-family:courier new; color:707070;font-size:11px;font-weight:bold;}<br /><br />/* DEFAULT FONT, SIZE 8 */<br />.stext, .sbtext, .swtext{font-family:courier new; color:707070;font-size:11px;}<br /><br />/* DEFAULT FONT, SIZE 11 */<br />.head11, .text11{font-family:arial; color:707070;font-size:11px;}<br /><br />/* TABLE COLORS */<br />/*apparently unused?*/<br />table.grey, tr.grey, td.grey{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;}<br />table.FFFFFF, tr.FFFFFF, td.FFFFFF{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;}<br />table.accent_light, tr.accent_light, <br />td.accent_light{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;} <br />table.accent_dark, tr.accent_dark, <br />td.accent_dark{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;}<br />table.action, tr.action, td.action{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000; }<br />table.blue_light, tr.blue_light, <br />td.blue_light{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;}<br />table.blue_dark, tr.blue_dark, td.blue_dark{font-family:arial; <br />font-size:11px;background:transparent;border:0px solid 000000;}<br /><br />/*"Help" and "Signout" in very top in right corner*/<br />a.man,a:link,a:active,a:visited{font-family:arial; font-size:11px;color:000000; text-decoration:none;}<br />a:hover{font-family:arial;  font-size:11px;color:ccc9ca; text-decoration:none; border-bottom:1px dashed 707070;}<br /></style><br /><br /><div class="title"><font size=5><u>NOW PLAYING.</u></font></div><BR><br /><img src="http://img.photobucket.com/albums/v85/aznhacker/music.gif"><br><br /><br /><div class="title"><font size=5><u>UNDER CONTRCUTION.</u></font></div><BR><br />As you will notice, my myspace is still unfinished.<br><br /><br /><P><br />- - -<br /><P><br /><!-- end code provided by createblog.com -->

[HelloSunshine]

That's because of the two different browsers. It'll look different in other browsers.