[مشكلة] CSS بين الإكسبلورر والفايرفوكس !

[iraqhits.net]

السلام عليكم ورحمه الله وبركاته

عجبتني احدى هذه القوائم فقررت تجربتها

http://www.dynamicdrive.com/dynamici...rome/index.htm

إستخدمت القائمة الأولى وهنا المثال مع المشكلة

http://test.iraqhits.net/file01

متصفح الموزيلا فايرفوكس تعمل بدون اي مشاكل
متصفح الإنترنت إكسبلورر لاتعمل وجربتها على صفحة إعتيادية اي ان تمددها ليس كاملا 100% فأصبحت القائمه المنسدلة تظهر في الطرف اليسار ..

ممكن حل لهذه المشكلة
المرفقات :
ملف chromestyle.css
ملف chrome.js
ملف demo.htm

سأضعهم في ملفات تيكست إعتيادية حتى تسهل من عمليه التحميل
ياريت ماتفشلونا وتحلولنا هالمشكلة وبالطريقة لو تكرمتم حتى نتعلم ومانزعج حضراتكم مره اخرى :shy:

[iraqhits.net]

[fayz]

حاولت فيها وماقدرت عليها

ننتظر احد احسن منا

[Isaac Wahb]

تاكد من صحة html
The W3C Markup Validation Service

[iraqhits.net]

اخوي فايز يعطيك العافية والله حاولت كثير فيها لكن ماعرفت الحل معاها
ماهي مشكلة لي لاني استخدم موزيلا ولكنها مشكله لاصحاب الاكسبلورر

اخوي دكتور وهاب حياك الله
مافهمت على حضرتك القائمة مطابقة 100%
[Valid] Markup Validation of http://test.iraqhits.net/file01/ - W3C Markup Validator
Passed as xthml 1.0

[iraqhits.net]

تم حل المشكلة
بالإمكان تلافي هذا الخطاء بحذف السطر

<ul style="direction: rtl; font-size: medium;">

حيث ان القائمه لاتقبل تحويل الإتجاه ولكن بالإمكان التحايل عليها ووضع أقسامها وخياراتنا بحسب مانرغب بقليل من التركيز

[lm4web]

بالعكس فهي تقبل أي شيء على أن نعرف مكمن التغيير.
في ملف chromestyle.css ابحث عن :

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

واستبدله بالآتي :

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
text-align:right;
}