Problems with browser compatibility

I just created a temporary home page while i construct the rest of my site but it only seems to work properly on safari. IE and Opera both display it incorrectly. I'm using dreamweaver (by code only) and i did the browser compatibility check on it and it said i had no issues so i'm not sure i quite understand why it's doing this. I plugged the image in my html code since it's a temporary page. Any help would be greatly appreciated as i'm struggling to find an answer, thanks. Here is my site:

www.backpackingangler.com

Here is my css:
@charset "UTF-8";
/* CSS Document */
body {
background-color:#000000;
}
.p1 {
font:Arial, Helvetica, sans-serif;
text-align:left;
width:80%;
float:left;
line-height:40px;
margin-left:00px;
margin-top:10px;
text-indent:25px;
color:#CCCCCC;
}
.p2 {
font:Arial, Helvetica, sans-serif;
text-align:center;
line-height:40px;
margin-right:0px;
margin-top:10px;
color:#CCCCCC;
}

I got it fixed, the picture wasn't showing up because i had it saved as a jpeg but in the photoshop format.