CSS/HTML problems? i am using bluefish to make a web page for studies and all i

[truelove_4_eva]

did was copy and paste...? i have a page called index1.html and index2.html as well as both have index1and2.css. i have links to those pages and when i click on link to 2nd page the 2nd page seems to shrink all text and background and pictures. how do i fix this problem and why is it happening, all i did was copy and paste from index1 to index2. why does it shrink?? do i need to add code to make page understand its differnet page?
how do i know what i am missing? how can i fix this problem. below is my css

body

#contents {
margin-right: 149px;
margin-left: 10px;
font-weight: normal;
}

#header {
background-image:
url("dorabanner.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 100px;
border: 1px solid pink;
}

#container {
margin-left: 215px;
margin-right: 215px;
background-image: url("dora.jpg");
background-position: 100% 50%;
background-repeat: no-repeat;
height: 600px;
border: 1px solid pink;
}

#leftbox {
position: absolute;
left: 0px;
width: 215px;
height: 600px;
border: 1px solid pink;
}

#rightbox {
position: absolute;
right: 0;
width: 215px;
height: 600px;
border: 1px solid pink;
}

#wrapper {
margin-right: 138px;
}
.left {
float: left;
width: 43%;
}
.right {
float: right;
width: 43%;
}