Problem with image placement

[Ulterior]

Hello, I've got a problem with placing an image inside a div on my website. Every time I add the image into the code it drags text from my footer up with it, I've tried a couple different ways of positioning it, in the styl;es.css etc but to no avail. I'll post the code exmple below: <div id="content"><a href="#"><img src="images/template.png" alt="our img" style="border: 1px solid #000101; </a> <!--CONTENT ENDS--> </div> And below that there's a div 'footer' of which has some text about copyright, it gets dragged up into the content area. In some cases it was dragging my navigation down too. I couldn't find any information about this so decided to post, hope you can help, thanks.

[dsonesuk]

You don't have a closing for style, OR image tag<div id="content"><a href="#"><img src="images/template.png" alt="our img" style="border: 1px solid #000101;"> </a><!--CONTENT ENDS--></div>

[Ulterior]

You don't have a closing for style, OR image tag<div id="content"><a href="#"><img src="images/template.png" alt="our img" style="border: 1px solid #000101;"> </a> <!--CONTENT ENDS--></div>

Ahhh, that fixed it. I feel stupid lol. I'm new to this, trying to learn more, thanks for your help. While I'm here, what'd be the best way of positioning these images? For instance I'm going to have 9 images all equally spaced, so 3, next row 3, next row 3. Edited May 10, 2012 by Ulterior