How do I move the Content Div up?

How do I move the content panel up in my layout http://advancebeautyandnails.com.au/css-temp.htm in IE it has been pushed down. I would like that picture and everything in the right column to move up under the stripey pattern, how do I do it? Any help would be much appreciated.

Hi, I have altered this template:
http://www.maxdesign.com.au/presentation/two-columns/final_longcontent.htm to create this layout:
http://advancebeautyandnails.com.au/css-temp.htm

I am still having trouble moving that content panel up...anyone please help?

try adding these to the style sheet

*{margin:0;
padding:0;
}


i think this is because of default paddings. that is why the #content is pushed down in your layout..

seriously man.. i think you should remove those freaking tables..

what a way to layout your site... tables inside a div.. good job... ^__^

try adding these to the style sheet

*{margin:0;
padding:0;
}


i think this is because of default paddings. that is why the #content is pushed down in your layout..

seriously man.. i think you should remove those freaking tables..

what a way to layout your site... tables inside a div.. good job... ^__^


Thanks for that. I tried it but it still didn't work :(

try to adjust the width of the #container.. add about 1px or two.. to accommodate the #content..

I made a separate style for IE 7, the following works for IE 7:

<!--[if IE]>
<style type="text/css">
#content {

background-color: #ffffff;
width: 742px;
}

</style>
<![endif]-->


But I had to modify it for IE 6


<!--[if IE 6]>
<style type="text/css">
#content {

background-color: #ffffff;
width: 739px;
}

</style>
<![endif]-->


In IE6, How do I get rid of the space between the left and right column? The left column is already 203px;

ug.

Use this:

margin-top: #;
magin-bottom: #;


BabyJack

This clears left and right spaces of a div...


.classname{clear:both} or

#idname{clear:both}