المرجوا المساعدة في تصحيح كود css صغير

[Flasher]

معذرةً على عدم تمكني من الرد
بالنسبة للمشكلة الاولى فيمكن استخدام Float لعدة عناصر محصورة في عرض معين مع اخذ بالاعتبار حجم الخلية بالنسبة لحجم الجدول

<style type="text/css">
#cells-container {	
	border: red 1px solid;
	width: 500px;
}
#cells {
	width: 500px;
	overflow: hidden;
}
.cell {
	width: 100px; /* 5 Columns : 500/5 */
	height: 100px;
	background-color: yellow;
	float: left;
}
.cell .cell-inner {
	border: black 1px solid;
	height: 100%;
	/*padding: 1px;
	margin: 2px;*/
}
.cell .cell-body {
	height: 70%;
}
.cell .cell-footer {
	background-color: gray;
	line-height: 30px;
	height:30%;
}
</style>

<div id="cells-container">
    <div id="cells">
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
        <div class="cell">
            <div class="cell-inner">
                <div class="cell-body">
                </div>
                <div class="cell-footer">
                    FOOT
                </div>
            </div>
        </div>
        
    </div>
</div>

هذا الكود تمعن فيه جيدا مع تغيير مايلزم
float:left ممكن تكون right اذا كانت الصفحة RTL
بالنسبة للاسهم فهي رموز تكتب بالhtml كالاتي » و «

----
بالنسبة للقائمة :

<style type="text/css">
<!--
body {
	direction:rtl;
}
#menu1_container {
	background-image: url(images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 316px;
	width: 204px;
	margin: 0px;
	padding: 0px;
}
.menu1  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu1  li {
	
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #14A0DD;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #14A0DD;
	/*list-style-position: inside;
	list-style-image: url(images/tv.png);*/
	background: url(images/tv.png) no-repeat 0px 5px;
	width: 150px;
	height: 27px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	/*clear:both;*/
}
a:link {
	color: #14A0DD;
	text-decoration: none;
	display: block;
}
a:visited {
	text-decoration: none;
	color: #14A0DD;
}
a:hover {
	text-decoration: none;
	color: #f6992c;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #f6992c;
}
-->
</style>

ملاحظة جانبية / اتمنى ان تعيد النظر في بعض محتويات الموقع وبالتوفيق.