יש לי בעיה באתר שהתחלתי לבנות. עיצוב מסוים ב-CSS לא רוצה לעבוד בIE (אינטרנט אקספלורר), אבל בגוגל כרום הוא פועל מצוין. יש לציין שהשיטה שבה השתמשתי כבר עבדה לי בעבר עם IE כך שאני לא מבין למה זה קורה.
ה-HTML:
קוד: בחר הכל
<ul type="none" id="menu">
<div id="menu_title"> Menu: </div>
<li> Add a country </li>
<li> Add a match </li>
</ul>ה-CSS:
קוד: בחר הכל
#menu li {
float: left;
padding: 5px;
margin: 2px;
border: 1px solid #aaaaaa;
}
#menu li:hover {
border-color: red;
}
#menu li:active {
padding: 6px 4px 4px 6px;
}כך זה נראה בגוגל Chrome, כשאני עובר עם העכבר מעל הכפתור הראשון (בדיוק כמו שאני רוצה שזה ייראה):
http://img706.imageshack.us/img706/8869/chromeyb.jpg
וכך זה נראה בIE, כשאני עובר עם העכבר מעל הכפתור הראשון (לא קורה כלום):
http://img193.imageshack.us/img193/853/65920658.jpg
מישהו יודע למה?
