أنوثه ديزاين - لخدمات التصميم - الدرس الرابع : كتابة أكوادالأعمده

السلام عليكم
كل عام وانت بخير .. مبارك عليكم الشهر

انا عندي مشكلة ف تكويد ستايل الممنتدى و بالضبط عند الاعمده

كود ال html ::.

كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<link href="style.css" rel="stylesheet" type="text/css" />

<link href="css/reset.css" rel="stylesheet" type="text/css" />



</head>



<body>



<div class="header-tmdd">

<div class="head-1"></div>

<div class="head-2"></div>

</div>



<div class="bg">

<div class="a-1"></div>

<div class="a-2"></div>

</div>



<div align="center">&nbsp;</div>

<div align="center">&nbsp;</div>

<div align="center">&nbsp;</div>

<div align="center">&nbsp;</div>



<div class="footer-tmdd">

<div class="foot-1"></div>

<div class="foot-2"></div>

</div>



</body>

</html>

كود ال css ::.

كود:

@charset "utf-8";

/* CSS Document */



.header-tmdd {

        background-image: url(images/head-tmdd.gif);

        background-repeat: repeat-x;

        height: 355px;

}



.head-1 {

        background-image:url(images/head-1.gif);

        background-repeat: no-repeat;

        height: 355px;

        width: 706px;

        float: right;

}

.head-2 {

        background-image:url(images/head-2.gif);

        background-repeat: no-repeat;

        height: 355px;

        width: 199px;

        float: left;

.bg {

        background: transparent;

        color: #C6C6C6;

}

.a-1 {

        background-image: url(images/a3mda-r.gif);

        background-position: right ;

        padding-right: 25px;

        background-repeat: repeat-y;

}

.a-2 {

        background-image: url(images/a3mda-l.gif);

        background-position: left ;

        padding-left: 25px;

        background-repeat: repeat-y;

}



.footer-tmdd {

        background-image: url(images/foot-tmdd.gif);

        background-repeat: repeat-x;

        height: 270px;

}



.foot-1 {

        background-image: url(images/foot-1.gif);

        background-repeat: no-repeat;

        height: 270px;

        width: 218px;

        float: right;

}

.foot-2 {

        background-image:url(images/foot-2.gif);

        background-repeat: no-repeat;

        height: 270px;

        width: 707px;

        float: left;

}

لكن النتيجة الاعمدة غير ظاهرة ف اين المشكلة ؟؟

http://im72.gulfup.com/6yv7Gl.png