تغيير جاي منوي در قالب css

سلام
چه طوري ميشه توي اين قالب كه با css طراحي شده جاي منوي سمت چپ رو بياري سمت راست؟

کد:

---

http://www.solucija.com/templates/demo/Open_your_windows/

---

سلام
من براتون انجام دادم با کد های اصلی css مقايسه کنيد جاهايی که اديت شده را ميبينيد.

کد:

---

/*
author: Luka Cvrk (www.solucija.com)
project: Open Source Web Design contest, Theme: Fall (Autumn)

{START CSS BARBECUE}*/
BODY
{
    margin: 0px;
    padding: 0px;
    font-size: 70%;
    font-family: Arial, Tahoma, Sans-Serif;
    background: #353F49;
    color: #000;
}
/*LINKS*/
A
{
    color: #768C00;
    text-decoration: none;
    background-color: inherit;
}
A:hover
{
    color: #000;
    background-color: inherit;
}
/*HEADINGS*/
H1
{
    padding: 0px 0px 22px;
    font-size: 1.4em;
}
H2
{
    font-size: 1.2em;
    margin: 0px;
}
H3
{
    width: 100%;
    font-size: 1.5em;
    color: #404240;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5em;
    padding: 0px 0px 0px 30px;
    background-color: inherit;
    background-image: url(titlebg.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.red
{
    color: #8B1714;
    background-color: inherit;
}
/*PARAGRAPH*/
P
{
    font-size: 1em;
    color: #353F49;
    line-height: 1.6em;
    margin: 0px 0px 5px;
    padding: 0px;
    background-color: inherit;
}
/*-------------------------
DIVS IN ORDER OF APPEARANCE
-------------------------
WRAP, HOLDS EVERYTHING TOGETHER*/
#wrap
{
    margin: 0px auto;
    padding: 0px;
    width: 691px;
}
#container
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 780px;
    background: url(middle.gif) repeat-y top left;
}
#top
{
    width: 700px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background: url(top.gif) no-repeat top left;
}
#header
{
    margin: 0px;
    padding: 55px 0 0 100px;
    background-color: inherit;
    background-image: url(header.gif);
    background-repeat: no-repeat;
    height: 70px;
    color: #919FAE;
    font-weight: bold;
    font-size: 1.3em;
}
/*HORIZONTAL MENU*/
#hmenu
{
    margin: 0 96px 0 15px;
    padding: 10px 0 20px;
    background: #FFFFFF url(hmenu.gif) repeat-x top left;
    color: #808080;
}
#hmenu A
{
    color: #74879A;
    margin: 0px 3px 0px 8px;
    padding: 0 0px 0 9px;
    background-color: transparent;
    background-image: url(arrow.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#hmenu A:hover
{
    color: #F0F2F4;
    background-color: transparent;
}
/*LEFT COLUMN*/
/*Inja bayad Float ha ro avaz koni right <--> left */
#left_column
{
    float: right; /*Bayad Right besheh*/
    margin: 0px 96px 0px 0px;
    width: 157px;
}
#left_column P
{
    color: #828482;
    padding: 7px;
    margin: 0px;
    background-color: inherit;
}
/*MAIN MENU (LEFT)*/
#menu
{
}
#menu A
{
    display: block;
    line-height: 20px;
    padding: 0px 0px 0px 4px;
    color: #353F49;
    background: #FFFFFF;
}
#menu A:hover
{
    background: #353F49;
    color: #FFF;
}
/*LINK TITLE - visible on hover*/
.underline
{
    border-bottom: 1px dotted #74879A;
}
.white
{
    color: #FFF;
    font-size: 0.8em;
    background-color: inherit;
    background: url(menudivider.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0px 0px 0px 8px;
}
#right_column
{
    float: right;
    width: 525px;
    margin: 0px -24px 0px 0;
    padding: 0px;
}
/*MAIN ARTICLES*/
.main_article
{
    margin: 0px 0px 2px;
    padding: 0px 30px 7px 0px;
}
.main_article P
{
    padding: 3px 8px 0px 4px;
}
/*THE FOLLOWING SHORT ARTICLES*/
.other
{
    margin: 0px;
}
.other P
{
    padding: 5px;
    color: #808080;
    background-color: inherit;
}
/*LEFT SHORT ARTICLE*/
.left
{
    width: 44%;
    float: left;
    background: #EEE url(greybg.gif) repeat-x top left;
    padding: 5px;
    color: #808080;
}
/*RIGHT SHORT ARTICLE*/
.right
{
    float: left;
    width: 44%;
    background: #FDF7DF url(yellowbg.gif) repeat-x top left;
    border-left: 2px solid #FFF;
    padding: 5px;
    color: #808080;
}
/*FOOTER*/
#footer
{
    float: left;
    margin: 0px 0px 20px;
    padding: 15px 0px 0px;
    width: 691px;
    background-color: inherit;
    background-image: url(bottom.gif);
    background-repeat: no-repeat;
    text-align: center;
    color: #919FAE;
}
#footer A
{
    color: #BDC6CE;
    background-color: inherit;
    border-bottom: 1px dotted #919FAE;
}
/*{END BARBECUE}*/

---

خيلي ممنون ولي:
در اپرا درسته ولي در اينترنت اكسپلورر نه.
در اينترنت اكسپلورر منو بالا نشون داده ميشه متن ها پايين

من با ie 7 و firefox چک کردم درست بود احتمالاً با ie 6 مشکل داره؟
درست ميکنمش ميزارم 99% مشکل در تعريف عرض div ها هست که در 6 بيشتر حساب ميشه + padding ميشه.

ok درست شد. شما اين کار را انجام بده:
اين الان با:
firefox, opera, safari, ie 6 کاملاً سازگار هست. در ie 5.5 هم درست هست فقط center نيست که مهم نيست ie 5.5 از رده خارج هستش.

1- اين کد را در بين تگ head قرار بده:

کد:

---

<!--[if lte IE 6]>
<style type="text/css">
@import url("http://yout-domain.com/style-ie6.css?9");
</style>
<![endif]-->

---

2- اين کد ها هم در يک فايل css کپی کن به نامه : style-ie6.css و کنار اون يکی فايل css بزار.
کاری که کد اول ميکنه وقتی کسی با ie6 سايت را ببينه جای css اصلی فايل css دومی را نشون ميده که سازگار هست با ie6.

کد:

---

/*
author: Luka Cvrk (www.solucija.com)
project: Open Source Web Design contest, Theme: Fall (Autumn)
Edited for IE 6

{START CSS BARBECUE}*/
BODY
{
    margin: 0px;
    padding: 0px;
    font-size: 70%;
    font-family: Arial, Tahoma, Sans-Serif;
    background: #353F49;
    color: #000;
}
/*LINKS*/
A
{
    color: #768C00;
    text-decoration: none;
    background-color: inherit;
}
A:hover
{
    color: #000;
    background-color: inherit;
}
/*HEADINGS*/
H1
{
    padding: 0px 0px 22px;
    font-size: 1.4em;
}
H2
{
    font-size: 1.2em;
    margin: 0px;
}
H3
{
    width: 100%;
    font-size: 1.5em;
    color: #404240;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5em;
    padding: 0px 0px 0px 30px;
    background-color: inherit;
    background-image: url(titlebg.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
.red
{
    color: #8B1714;
    background-color: inherit;
}
/*PARAGRAPH*/
P
{
    font-size: 1em;
    color: #353F49;
    line-height: 1.6em;
    margin: 0px 0px 5px;
    padding: 0px;
    background-color: inherit;
}
/*-------------------------
DIVS IN ORDER OF APPEARANCE
-------------------------
WRAP, HOLDS EVERYTHING TOGETHER*/
#wrap
{
    margin: 0px auto;
    padding: 0px;
    width: 691px;
}
#container
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 780px;
    background: url(middle.gif) repeat-y top left;
}
#top
{
    width: 700px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background: url(top.gif) no-repeat top left;
}
#header
{
    margin: 0px;
    padding: 55px 0 0 100px;
    background-color: inherit;
    background-image: url(header.gif);
    background-repeat: no-repeat;
    height: 70px;
    color: #919FAE;
    font-weight: bold;
    font-size: 1.3em;
}
/*HORIZONTAL MENU*/
#hmenu
{
    margin: 0 96px 0 15px;
    padding: 10px 0 20px;
    background: #FFFFFF url(hmenu.gif) repeat-x top left;
    color: #808080;
}
#hmenu A
{
    color: #74879A;
    margin: 0px 3px 0px 8px;
    padding: 0 0px 0 9px;
    background-color: transparent;
    background-image: url(arrow.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#hmenu A:hover
{
    color: #F0F2F4;
    background-color: transparent;
}
/*LEFT COLUMN*/
/*Inja bayad Float ha ro avaz koni right <--> left */
#left_column
{
    float: right; /*Bayad Right besheh*/
    margin: 0px 48px 0px 0px;
    width: 157px;
}
#left_column P
{
    color: #828482;
    padding: 7px;
    margin: 0px;
    background-color: inherit;
}
/*MAIN MENU (LEFT)*/
#menu
{
}
#menu A
{
    display: block;
    line-height: 20px;
    padding: 0px 0px 0px 4px;
    color: #353F49;
    background: #FFFFFF;
}
#menu A:hover
{
    background: #353F49;
    color: #FFF;
}
/*LINK TITLE - visible on hover*/
.underline
{
    border-bottom: 1px dotted #74879A;
}
.white
{
    color: #FFF;
    font-size: 0.8em;
    background-color: inherit;
    background: url(menudivider.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0px 0px 0px 8px;
}
#right_column
{
    float: left;
    width: 483px;
    margin: 10px 0px 0px 12px;
    padding: 0px;
}
/*MAIN ARTICLES*/
.main_article
{
    margin: 0px 0px 2px;
    padding: 0px 0px 7px 0px;
}
.main_article P
{
    padding: 3px 8px 0px 4px;
}
/*THE FOLLOWING SHORT ARTICLES*/
.other
{
    margin: 0px;
}
.other P
{
    padding: 5px;
    color: #808080;
    background-color: inherit;
}
/*LEFT SHORT ARTICLE*/
.left
{
    width: 48%;
    float: left;
    background: #EEE url(greybg.gif) repeat-x top left;
    padding: 5px;
    color: #808080;
}
.right
{
    float: left;
    width: 47%;
    background: #FDF7DF url(yellowbg.gif) repeat-x top left;
    border-left: 2px solid #FFF;
    padding: 5px;
    color: #808080;
}
/*FOOTER*/
#footer
{
    float: left;
    margin: 0px 0px 20px;
    padding: 15px 0px 0px;
    width: 691px;
    background-color: inherit;
    background-image: url(bottom.gif);
    background-repeat: no-repeat;
    text-align: center;
    color: #919FAE;
}
#footer A
{
    color: #BDC6CE;
    background-color: inherit;
    border-bottom: 1px dotted #919FAE;
}
/*{END BARBECUE}*/

---

واقعا دستت درد نكنه.
كمك خيلي بزرگي كردي.:11::11::11::11::11::11:

خواهش ميکنم کاری نکردم يه تمرين بود برای خودم:5:

ببخشيد،يه سوال ديگه
مي خواهم ارتفاع منوي سمت راست 100% باشه ولي هر چي تغيير ميدم نميشه؟!