אז ככה , יש לי דף שהוא מחולק ל 2 חלקים בפריימסט , שמאל וימין.

עכשיו בעקבות זה שיהיה גלילה באתר , רציתי לעשות משהו די חמוד ולהעיף את הפס גלילה המעצבן לצד שמאל של המסך ( IE , אני לא יודע למה ב FF זה לא עובד.. )

אז מה שעשיתי , זה לעשות את ה BODY עם ה CSS ככיוון RTL , כמובן הדרך הראשונה שקפצה לי לראש ( וכל מפתח אמור..) ואמורה לעבוד ( אם CSS לא היה כזה מייאש..)

הקטע שזה עובד לי , עד שאני מזיז תעכבר :(

ברגע שהעכבר עובר על חלק מהטקסט באתר פוףף .. האתר משתגע והוא קופץ לצד שמאל כמו משוגע ונחתך לשתיים... האדר נשאר במקום והדיב שאחריו פשוט צפה לה לצד שמאל ומשאירה רווח מטורף באתר + פס גלילה מעצבן למטה שאני יכול לגלגול איתו 40 אתרים..

מתי שאני עושה אלמנט עם HOVER ואני קורא לו אני שובר את הדף

.moduleBlock
{
	border-bottom: #fff 1px solid;
	border-left: #fff 1px solid;
	display: block;
	margin-bottom: 0.16em;
	background: #f2f2f2;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
}
.moduleBlock:hover
{
	border-bottom: #e6e6e6 1px solid;
	border-left: #e6e6e6 1px solid;
	display: block;
	margin-bottom: 0.16em;
	background: #f2f2f2;
	border-top: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;

}

כשהעכבר מפעיל על ה HOVER כל הדף שלי מתשגע..

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

עכשיו אם אני כבר עובד על האתר עכשיו כשגירסאת IE8 מתחילה להסתובב לה שם בחוץ חשבתי אולי לפתור את זה כבר מעכשיו יש למישהו רעיונות...?