Hi,
I use wordpress as the blogging system and while I am coding my webpage, I realized that my sidebar moves when you click on the comments. I had my css checked in various css validators, no errors found. I can't figure out the problem, How can I make it fixed, like not meaning to froze it, I want it to scroll down but not move x_x ? Please help?

Thank you a lot <3

http://www.ozlenen.0fees.net here's the link; and here's the css;

Code:
/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #ffffff;
	text-decoration: none;
}
body {
margin : 0;
padding : 0;
font-family : tahoma;
overflow : auto;
text-align : justify;
color : #ffffff;
font-size : 10px;
text-align : left;
text-decoration : none;
background-image: url('http://i40.tinypic.com/b8ol14.jpg');
background-repeat : repeat;
background-attachment : scroll;
}

ul { padding: 2px;
}

li {
	list-style: none;
font: 10px tahoma;
margin: 4px 0 4px 20px;

}
li span {
	font-size: 10px;
}

/* misc */

.clearer,.footer {
	clear: both;
}
.content{

float : left;
position: relative;left:100px;
margin-top : 0;
width : 400px;
text-align : justify;


}

/* structure */
.container {
background: url(http://i39.tinypic.com/b3spwh.jpg) no-repeat;
width : 750px;
height : 100%;
margin-top: -10px;

}


/* footer */
.footer {

	color: #ffffff;
	margin: 5px;
	padding: 2px 5px;
position:relative; top:700px;
width: 700px;

}

/* content */
.item {
	padding: 10px;
	text-align: justify;

}
.item h1 {
text-transform: uppercase;
font-family: times;
font-size: 12px;
border-bottom: 1px solid #c81360;
line-height: 18px;
margin-bottom: 3px;
letter-spacing: 1px;

}
.left {
float: right;
width: 390px;
background: transparent;
height : 100%;
position: relative;top:508px;left:135px;
margin-left: 0;

}

.left h2 { 
font-family: times;
border-bottom: 1px dashed #ffffff;
}


/* menu */
.menu { position: relative; top:476px; left:70px; }
.menu a {
	padding: 0 2px;
	margin-left: 8px;
	font-size: 12px;
font-family: times;
text-transform: uppercase;
letter-spacing: 1px;

}

.menu a:hover {
color: #d94e8a; }

.menu ul {display: inline;}
.menu li {float: left; list-style: none;}

/* submenu */

.right {
float: left;
width: 180px;
background: transparent;
height : 100%;
text-align : left;
position: relative;top:138px; left:-70px;
margin-left: 0;
margin-right: 10px;

}

.right a:hover {
	text-decoration: underline;
}

.right h2{
text-transform: uppercase;
font-family: times;
font-size: 12px;
border-bottom: 1px solid #c81360;
line-height: 18px;
margin-bottom: 3px;
letter-spacing: 1px;
}


a img 
{
border:none;
}

.item{margin:0 0 25px 0;}

.item .info{
padding:2px 3px 3px 8px;
margin-bottom: 5px;
font-size:10px;
color:#ffffff;
border-top: 1px dotted #c4c4c4;
}

#commentlist li {
font-size:10px;
border-bottom: 1px solid #999999;
}

#commentform {
position: relative; left:30px;
background: transparent;
width: 250px;
font-size: 10px;
}

#commentform textarea {
background: transparent;
border: 1px solid #d6d3d3;
width: 250px;
font-size: 10px;
height: 100px;
color: #ffffff;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 10px;
background: transparent;
border: 1px solid #d6d3d3;
width: 250px;
color: #ffffff;
}

#commentform input{
margin-bottom: 3px;
background: transparent;
font-size: 10px;
border: 1px dashed #999999;
color: #ffffff;
}