Question : div tags left

I want to place 2 div tags side by side . each div tag has a non-repeating background that contains 1 image

I get the div tad diagonally down from the other when i used relative positioning.

I had to add a -ve top position to make it work but that cant be right.

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:

           
           
          .left 
{ position :relative;
  
  
    background-image :url("images/leftIntro.png");
    background-repeat: no-repeat;
    height :380px;
    width:250px;
}

.left2 
{ position :relative;
  
  left:274px;
    background-image :url('images/leftIntro.png');
    background-repeat: no-repeat;
    height :380px;
    width:250px;
            top: -379px;
        }		

</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <br />
        News
        <br />  <br />
        Select  a year level to find latest news
        <br />
        
        <div class="left">
        sasas
        </div>
        
         <div class="left2">
        sasas
        </div>

           
         

Answer : div tags left

Here's the complete script:

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:

           
           
             .left 
{ position :relative;
  
  
    background-image :url("images/leftIntro.png");
    background-repeat: no-repeat;
    height :380px;
    width:250px;
    float:left;
}

.left2 
{ position :relative;
  
  left:274px;
    background-image :url('images/leftIntro.png');
    background-repeat: no-repeat;
    height :380px;
    width:250px;
    top: -379px;
    float:left;
}		

</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <br />
        News
        <br />  <br />
        Select  a year level to find latest news
        <br />
        
        <div class="left">
        sasas
        </div>
        
         <div class="left2">
        sasas
        </div>
        <div style="clear:both;">&nbsp;</div>
           
         