مشكل فايرفاكس با Width

[baanoojoon]

سلام به همه
من يه استايل نوشتم براي تگ a كه در فايرفاكس اونطوري كه مي خوام نشون داده نمي شه. كد اين هست:

a.menu {
background-image: url('images/menu_bg_3.jpg');
background-repeat: repeat-x;
background-align: top;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center ;
height: 48px !important;
height: 48px;
width: 100% !important;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}

وقتي در آي اي اين كلاس رو به تگ a اختصاص مي دم لينك مربوطه كه داخل يك td قرار گرفته به اندازه عرض تي دي فعال هست و تصوير زمينه اش هم درست نشون داده مي شه.
ولي در فايرفاكس عرض لينك به اندازه عرض كلمه لينك شده است نه به اندازه تي دي كه درونش قرار گرفته.
من عرض رو به جاي درصد با پيكسل اندازه گذاري كردم ولي باز هم فايرفاكس كوچكترين عكس العملي نشون نداد. فقط با اضافه كردن padding-right و left مي شه عرض رو افزايش داد. ولي اين كار كمكي نمي كنه چون مي خوام عرض به صورت دايناميك قابل تغير باشه.

تا خل و چل نشدم كمكم كنيد!:blink:

 

[Azemati]

منم یه همچین مشکلی تو ارتفاع دارم.

 

[cssdesign]

درود بر شما
این مشکل فایر فاکس نیست، بلکه استفاده نامناسب شما از خصیصه هاست.
جهت مقدار دهی به طول یک لینک، باید آن را به صورت Block Lever نمایش دهید.

display:block;

جسارتا ارز کنم خدمت شما که خلاصه نویسی در CSS علاوه بر کاهش حجم کد ها، رسیدگی به آنها نیز ساده تر می شود.

a.menu {
background: url('images/menu_bg_3.jpg') repeat-x;
color: #000; 
font: normal bold 10pt arial;
text-decoration: none; 
text-align: center ; 
height: 48px !important;
height: 48px;
width: 100% !important;
padding:15px 5px;
}