[مشكلة] لخبرا css مشكلة خروج النص عن الاطار

السلام عليكم ورحمة الله وبركاته
قمت بعمل تصميم عند وضع المتصفج بالشكل الطبيعي يظهر التصميم جيد كما اريد
لكن المشكلة تحدث عندما اقوم بتصغير المتصفح النص يخرج خارج ال div
اريد ان يكون النص داخل الديف وان قمت بتكبير او تصغير المتصفح يبقى النص كما هو يكبر ويصغر مع المتصفح


هل هناك حل لهذه المشكلة

وهاي صورة للمشكلة



وهذا كود css


رمز PHP:

*{margin: 0%; padding: 0%}
body{

width: 100%;
margin:auto;
font-weight: bold;
font-family: tahoma;
text-align: right;
direction: rtl;
background: #006699;
}

a{
text-decoration: none;
}

#header{

background: #000000;
margin: auto;
height:30px;
max-width: 70%;
border-radius: 0px 0px 10px 10px;
margin-bottom: 3%;
color: #fff;
padding: 5px;
}

.header {
border: 1px solid #FF6600;



padding-right: 3%;
width: 50%;
}
.header ul {list-style: none;}
.header ul li{border: 1px solid #FF6600; float: right; }

أكثر...