http://www.royalcraftsman.com/index2.html
why do in both browsers they look a little different and both are not aligned right?

One browser handles css better than the other, you decide which one.

Ibbo

well both in both browsers theres something wrong with the alignment, i was just wondering if there was something wrong with my code.

If you want your .parent div aligned right, then it is your code. You're confusing the browsers:

div.parent {
	background: url(images/index_26.gif) bottom left no-repeat;
	position: absolute;
	width: 792px;
	height: 824px;
	border: solid #000000 1px;
	background-color: #ffffff;
	text-align: left;
	left: 10%;    <------------Get rid of this
	right: 10%;  <-------------Leave this
	top: 0px;
}

If you're using absolute positioning, you cannot define both left and right position properties. Define top and right.

If you want it centered, get rid of the absolute positioning completely:

div.parent {
	background: url(images/index_26.gif) bottom left no-repeat;
	width: 792px;
	height: 824px;
	margin-left: auto;   <----------add this
	margin-right: auto;   <---------add this
	border: solid #000000 1px;
	background-color: #ffffff;
	text-align: left;
}