Stuff over lapping

[Averice]

Hey, im not sure if this is html or css.

 

My website works the way i want it with IE.6

 

but with firefox and higher versions of IE  everything overlaps...

like im not sure how to explain it...

Say this is my menu/comment box or w/e:

"Header picture goes here"

fdgsdfgsdfgsdfg

sfdgsdgfsdfgsdfg

dsfgdsfgsdfgsdfg

dsfgsdfgdsfgsdfg

 

 

all my text ends up going into the header picture..  www.thegamespage.net is my website.

 

Thanks,

Averice

[~n[EO]n~]

Yeah it looks distorted in FF...

try setting the position also

 

position:relative; 

 

and guide with top or left

like

left : 35 px;

just an example...

 

#header
	{
	width:1000px;
	height:120px;
	background:url(images/logofull.png) no-repeat #000000;;
	}
		#nav
		{
		width:960px;
		height:39px;
		font-size:16px;
		font-weight:bold;
		font-variant:small-caps
		}

[Averice]

setting the position in every class and id?

 

 

like #header  and  .box_content? all of them?

 

thanks for your reply

[Averice]

ok the nave bar isnt screwed anymore.. but when a user registers and they go to there profile while logged in some of the stuff is down the bottom and i have no idea how to fix it.. i have no "breaks"

<br />

in my website so its not that.. everything is lined up with this

 

@chatset "utf=8";
/*CSS Doc */
body
{
margin:0px auto;
width:1000px;
background:#000000;
font-size:11px;
color:#FFFFFF;
font-family:Tahoma;
font-weight:bold;
}
img{border:none;}
ima a{border:none;}
.blue{color:#0C77ED;}
a, a:active, a:visited{text-decoration:none; color:#FFFFFF;}
#container
{
width:1000px;
margin:0px auto;
background:#000000;
float:left;
}
	#header
	{
	width:1000px;
	height:120px;
	background:url(images/logofull.png) no-repeat #000000;;
	}
		#nav
		{
		width:960px;
		height:39px;
		font-size:16px;
		font-weight:bold;
		font-variant:small-caps
		}
	#content_wrap
	{
	width:954px;
	padding:3px;
	background:#000000;
	}

	#left
	{
	width:200px;
	float:left;
	}
.box_wrap
{
width:200px;
}
.box_head
{
width:190px;
height:17px;
background:url(images/box_top.jpg) no-repeat;
padding:5px;
color:#00FF00;
font-weight:bold;
font-variant:small-caps;
font-size:14px;
}
.box_content_normal
{
width:190px;
background:#000000;
padding:5px;
text-align:center;
}
.box_foot
{
width:190px;
height:1px;
background:url(images/box_foot.jpg) no-repeat;
padding:5px;
text-align:right;
}
.box_content
{
width:196px;
height:13px;
background:url(images/box_content.jpg) no-repeat;
padding:2px;
}
.box_content1
{
width:196px;
height:13px;
background:url(images/box_content.jpg) no-repeat;
padding:2px;
float:left;
}
#content
{
width:500px;
margin-left:25px;
margin-right:10px;
float:left;
}
	#middle
	{
	width:500px;
	height:130px;
	float:left;
	}
		#middle_title
		{
		width:500px;
		height:27px;
		background:url(images/middle_head.jpg) no-repeat;
		color:#00FF00;
		font-weight:bold;
		font-variant:small-caps;
		font-size:14px;
		}
			#middle_content
			{
			width:480px;
			height:83px;
			padding:10px;
			text-align:center;
			}
#right
{
width:200px;
float:right;
}
.news
{
width:500px;
float:left;
}
	.news__head
	{
	width:500px;
	height:27px;
	background:url(images/news_head.jpg) no-repeat;
	}

           .news_image
	   {
	   width:480px;
	   height:56px;
	   text-align:center;
	   padding:10px;
	   }		
			.news_content
			{
			width:480px;
			padding:10px;
			text-align:justify;
			background:#000000;
			border:solid thin #00FF00;
			}

[Averice]

bump.

[Averice]

ok, its slowly coming together.

 

this is all i need. (its only the right hand bar on the profile section thats not working properly.

 

i need the "User Bar" in the profile to be up higher  <--------- for internet explorer

i need a substitute for "overflow:auto;  <------ for opera

and firefox.. well.. firefox works perfect on my site

[Averice]

ok, its slowly coming together.

 

this is all i need. (its only the right hand bar on the profile section thats not working properly.

 

i need the "User Bar" in the profile to be up higher  <--------- for internet explorer

i need a substitute for "overflow:auto;  <------ for opera    <-- done

and firefox.. well.. firefox works perfect on my site