چرا margin-top عمل نمیکند ؟

[topwebhost]

این لینک رو ببینید :
https://jsfiddle.net/mohammadhttp/guyjh7u4/

همانطور که میبینید من میخوام تنها تگ div فاصله از بالا 50 بگیره . اما رفته تگ main رو فاصله داده .



بابت راهنمایی تشکر دوستان

- - - Updated - - -

به main دستور زیر را دادم . ایا این روش در مرورگر ها ساپورت خوبی دارد :
overflow:hidden

سلام
برای اینکار شما باید ابتدا برای main مربوط float تعیین کنید پس میاییم به main میگیم که float: right;
حالا فاصله div نسبت به main سنجیده میشه و margin-top رو هرچه قدر خواستید میتونید ست کنید.