Can someone please tell me why my paragraph under the "Spotlight's Partners" heading is not extendidng to the full length of the table i.e. 591px..? Here is my code for the link below:

http://www.spotlight.com.au/community_support

#partner_container { border: 1px solid #CCCCCC; width: 760px; }
#partner_container h2 { color: #0054A6; font-size: 16px; padding-top: 10px; width: 550px; }
#partner_container img { padding-right: 10px; padding-bottom: 10px; }
#partner_container p, p { text-align: justify; font-size: 12px; width : 591px; }

<div id="partner_container">
<h2>Spotlight's Partners</h2>
<img src="./?f=68153" align="left">
<p>Spotlight is proud of its association of the Wakikirri National Story Festival. We have been a "Competition Partner" since 2005 and have provided the organisers with prizes for the winning schools of Story Dance in each state.</p>
<br style="clear:both" />
<img src="./?f=68157" align="left">
<p>Since November 2006 we have been working to help impoverished villages in third world countries with the Stitch In Time program. To find out more about the program, click here.</p>

</div>

Have you tried a different browser?

I have found that Firefox does not support CSS as well as Internet Explorer.

I would recomend that you try another type of browser, and see if they support it better.

Are you sure that it does not go out to 591px?

Perhaps you should do a div box above the p tags, set that to '591px' and just see if the width of this tag matches the width of your p display area. I would place this after your IMG tag
---Say div.width {width:591px; background-color:#888}

If it looks close, I would recomend that you place a second div around both the div tag above, and all of your p tags. Set this with a border around it. DO NOT set width for this, and set both padding and margin to 0
Place the opening div tag between the IMG tag and the div.width tag, and place the closing tag just before the last div closing tag that you have in your example.
---Say div.outline {border:1px solid #fff; margin:0; padding 0}



If this border touches both the 591px wide div tag, as well as the p tag areas, then both of them are of the same width.

Put the image in a containing div tag and you'll probably solve it.

You should also define width, height, and alt attributes for all of your images for accessibility and usability reasons (accessibility since alt attributes descrbie the image to those that cannot see it, and usability since the width and height will define the size of the image and ensure that it stays in a placeholder..

TRANZIT JIM: you're just asking for trouble with that statement, but I'll let others tear you a new A.

Excellent. The div fixed the problem.

However I have another small problem. How do I get the 'stich in time' image to appear on the right of the paragraph "Since November 2006 we have been working to help..."

style="float: right;"

That should do it.

I'll guess Adam was just waiting for me to see this one !!

I have found that Firefox does not support CSS as well as Internet Explorer.

OH, you are SO misguided in that assumption ! IE is the WORST for CSS support compared to Firefox, Opera, Safari and so many others. IE 7 is better than IE6 and below, but there are still features of CSS that it does NOT support that ALL of the others DO.

Originally Posted by TRANZIT JIM

I have found that Firefox does not support CSS as well as Internet Explorer.

You have found?! But , You're wrong!
Firefox is much better than IE

The float right didnt work. I need to have the 'stich in time' logo aligned to the right of the paragrapgh just like the 'world vision logo'