negative margin problem

  <div class="calendar-dates"> 
                   <div class="calendar-note">
                  <a href="#">Tryeza e rumbullak&euml;t me kryetar&euml;t e komunave n&euml; Dukagjin</a></div>
                <div class="calendar-blue"><a >15 KORRIK 2010</a></div>
          </div>
                                <br style="clear:both" />

Code (markup):

.calendar-dates {
float : left;
height : 70px;
position: absolute;
margin-top: 10px;
margin-right:-20px;
width : 240px;
}
.calendar-note {
background : #fff;
float : left;
height : 40px;
padding : 10px;
text-align : left;
width : 160px;	
}
.calendar-blue {
background : url(images/right-content.png);
height : 70px;
width : 60px;
float: left;
}

Code (markup):

i have problem with this code i cant get why i cant give negative margin to "calendar-dates" div so there is 2 pics first one shows the problem and second how it need to look.

thank you all. and sorry for my english

 

Try with deleting float : left; in .calender-dates... no, forget what i said.

Could you provide a link?

Want to see the WHOLE thing, not only parts.

 

Hi,
I do not recommend you to use negative margins. This might cause you problems.
Since you are using position: absolute; you don't need float: left;

I think using left/right properties should solve your problem:

.calendar-dates {
height : 70px;
position: absolute;
top: 10px;
left: 20px;
width : 240px;
}

Code (markup):

You can use something like right: -20px; as well