Unable to add image to article

Hi,

i am struggling to apply an image to an article. Below i am using the following CSS in custom.css:

#surface{ background-image:url('../images/Surface_4.jpg');
background-repeat:no-repeat;
width:604px;
height:348px;
float:right;

}

Then in my article i was adding the following html:

<div id="Surface"></div>

This works in dreamweaver and how i code CSS, HTML manually but in Joomla it does not seem to work. Any help would be much appreciated.

Thanks,

Steve

Please check your css style with Google Chrome or Firefox.
Each modern Browser have a developer tool - Press "F12" - and inspect the "div" and styles.
www.joomlaplates.com/template-customizing