Just when I thought I had the basics of css covered I've stumbled on a problem. I want my page-content div to wrap around the sidebar as I was wasting too much space below the sidebar. But I don't want static layout as the sidebar will be changing with more projects, and possibly page content also. I would also like my headers to be shrinkwrapped but width:auto is not working and can't see a reason for this. The movie is filling the whole page-content and I cannot use the sidebar links. I changed the z-index order and the sidebar is working but this is no solution so I have left it as it is.
It's hard for me to explain exactly without boring you all, so the first thing is:
container: 900px wide position relative
page-content to 100% width and height which is absolute positioned.
sidebar: floated right
.movie: width:auto (which should shrinkwrap the class movie but not working)
Thanks for any input, sorry if unclear 
It's hard for me to explain exactly without boring you all, so the first thing is:
container: 900px wide position relative
page-content to 100% width and height which is absolute positioned.
sidebar: floated right
.movie: width:auto (which should shrinkwrap the class movie but not working)
Code:
<div class="movie">
<object width="305" height="215">
<param name="movie" value="3d_concrete_stairs.swf">
<embed src="3d_concrete_stairs.swf" width="305" height="215">
</embed>
</object>
</div>
<h1>About Us</h1>
<p>At Precise Formwork Limited we are a specialist Formwork sub-contractor, primarily working for larger main-contractors, and occasionaly private clients.
Specialising further into reinforced concrete staircases, we are able to provide 3 dimensional renderings even onto the existing property, so you can get
an accurate impression of the project before it takes place.</p>
</br>