ככה זה נראה ב IE6 (וגם ב IE7):

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img160.imageshack.us/img160/7450/iebugxk2.jpg]

ככה זה נראה ב FF:

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://img81.imageshack.us/img81/6941/ffnobugwe2.jpg]
קטע ה CSS הרלוונטי:

קוד:

category_content{
	width: 100%;
	padding: 7px 0 7px 0;
	display: block;
}
.category_blue{
	width: 503px;
	background-image: url(../files/images/website/cat_blue_main.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: right;
	margin: 5px 0 5px 0;
}
.category_green{
	width: 503px;
	background-image: url(../files/images/website/cat_green_main.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	float: right;
	margin: 5px 0 5px 0;
}
.category_top_blue{
	background-image: url(../files/images/website/cat_blue_top.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 24px;
	color: #FFFFFF;	
	font-size: 13px;
}

.category_top_green{
	background-image: url(../files/images/website/cat_green_top.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 24px;
	color: #275018;
	font-size: 13px;
}
.category_content_blue{
	position: relative;
	padding: 0px 8px 0px 5px;
	margin: 0px 0 2px 0;
	display: block;
	color: #022f66;
	font-size: 13px;
}
.category_content_blue a{ color: #022f66; text-decoration: underline }
.category_content_blue a:hover{ color: #5c9be7; }

.category_content_green{
	position: relative;
	padding: 0px 8px 0px 5px;
	margin: 0px 0 2px 0;
	display: block;
	color: #275018;
	font-size: 13px;
}
.category_content_green a{ color: #275016; text-decoration: underline }
.category_content_green a:hover{ color: #3fae17; }

וקטע הטמפלט הרלוונטי מבחינת המבנה:

קוד:

<div class=&quot;category_{$color}&quot;>
		<div class=&quot;category_top_{$color}&quot;>
		</div>
		<div class=&quot;category_content&quot;>
		</div>
 </div>

יש למישהו מושג איך אני פותר את הסוגייה?

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

לא יודע למה אבל יש לך HTML entity במקום סימן HTML רגיל:

קוד:

<div class=&quot;category_{$color}&quot;>
		<div class=&quot;category_top_{$color}&quot;>
		</div>
		<div class=&quot;category_content&quot;>
		</div>
 </div>

החלף את " ב- '

זה יותר בגלל שפירסמתי את ההודעה קודם בגיימר בקוד אין את זה..זה בסדר שם.

עדכון: זה לא קורה תמיד :S אם אני נכנס לדף הרבה פעמים, לפעמים זה קורה - לפעמים זה לא. :|

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

איזה מוזר..

בכל מקרה, הסיבה האחרת שאני מתאר לעצמי, זה שהשתמשת ב-CSS לפעמים באפשרות הבאה:

קוד:

position: relative;

כשלמעשה היא היתה מיותרת לגמרי!
כשמשתמשים בערך הנ"ל, צריך להשתמש גם בערכים כמו top ו- left. אבל אתה לא השתמשת בהם..

תודה רבה זה תיקן את הבעיה..
במהלך הכתיבה של ה CSS עשיתי נסיונות לגרום לזה לעבוד כמו שצריך - שכחתי את זה שם :X

CSS יכול לשגע אותך לפעמים

חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.