How come my picture will show up at the content div?

I have this css as follows:

root {
    display: block;
}

*
{margin:0;
 padding:0;}

body {  
    font-size: 62.4%;
    font-family: "verdana", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
    color:#000;
    background-color: #FAFAFA;
}
 
#container{
    width:100%;
    margin:0 0 10px 0;  
    padding:0;}

* html #container{

    height:1%;}

#content{
    float: left;
    width: 730px;
    margin:0 10px 0 15px;
    border-right: 1px solid #98FB98;
}
/*padding:0 10px 20px 0;}*/

#content h1{
    margin:10px 5px 10px 5px;
    display: block;
    margin-left: 130px;
    color:#790301;
    font-size:28px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
    font-weight:normal;}

#content h2{
    margin:5px 5px 5px 5px;
    padding:0;
    margin-left: 80px;
    color: black;
    font-size:22px;
    font-family: "Trebuchet MS", arial, sans-serif;
    font-weight:normal;}

#content h5{
    margin-left: 80px;
}

#content p{

    margin: 0px 50px 0px 150px;
    padding: 0px 5px 0px;
    line-height: 2em;
    color: #5C5C5C;  
    display: block;   
    font-size:13px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;}

#content .img-float-left{
    float:left;
    margin:5px 15px 5px 0px;
    padding-right:10px;
    border:1px solid #444;
    width:150px;
    height:150px;}

#content .img-float-right{
    float:right;
    margin:5px 0px 5px 15px;
    padding-right:10px;
    border:1px solid #444;
    width:150px;
    height:150px;}

.space {
    line-height: 0.1em;
}

Now, I'm trying to insert a image just at the beginning of the content but it just won't show up.

Can someone enlighten me why?

<div id="container">

    <div id="content">
        <p><img src="image/Singapore1.JPG"/></p>
        <h2>
            About Us
        </h2>
      - this

        <p> jfdsalkfjafjadjf</p>

The size of the image is already resized to fit into the content div of the left column but am puzzled why it won't show up.

Before that I was putting a slider image but wasn't working either so now trying something simpler.

The size of the image is 297px x 167px.

Edited September 27, 201312 yr by andy9l
Please use [code] tags.