مشکل در طراحی قالب جوملا 2.5

[clik8000]

با سلام خدمت دوستان عزیز
من یه مشکل تو طراحی قالب جوملا 2.5 دارم
و اون اینکه وقتی به DIV فلوت میدم از سمت مثلا راست خود به خود 30px فاصله میگیره



این کد php :

کد php: (انتخاب همه)

<dir id="header">
                       <dir id="date">
                       </dir>
                       <dir id="main-menu">                     
                       </dir>
                  </dir><!--End header--> 


اینم css:

کد php: (انتخاب همه)

#main{
    width: 1000px;
    background-color: orange;
    margin: auto;
}
#date{
    background-color: aqua;
    width: 200px;
    height: 25px;
}
#header{
    width: 1000px;
    height:150px;
    background-color: green;
    margin:auto;
    float:right
}
#main-menu{
    background-color: blue;
    width: 600px;
    height:30px;
    float: right;
} 


ضمنا اندازه طول دایو مین من 1000px هستش - وقتی که اندازه دایو header رو هم 1000px میکنم از دایو main میزنه بیرون
در حالی که باید هم اندازه باشن
وقتی هم با استفاده از وب ودلوپر سی اس قالب رو میبینم اندازه درسته ولی وقتی طول موقعیت هدرو با استفاده از افزونه خطکش فایرفاکس اندازه میگیرم تقریبا می شه گفت 30px میزنه بیرون