مشکل با دستور float

این پروژه من هست :
https://codepen.io/anon/pen/MvOGyY?editors=1100#0


من یک عنصر مادر با کلاس s_main دارم که در داخل خودش دو فرزند با نام های ( navigation که دستور float right داره ) و ( nav_content که دستور float left داره ) وجود دارند .

مشکل : عنصر nav_content قراره که متن های طولانی توش قرار بگیره . و به همین خاطر می بایست با طولانی شدن این عنصر یه کاری کنم که عنصر مادر ( s_main ) هم طولانی بشه تا بر روی عنصر footer قرار نگیره . اما ال ان این اتفاق داره میفته و Footer رفته زیر nav_content



با تشکر

- - - Updated - - -

مشکلم حل شد .
باید از clear both استفاده میکردم