הנה מה שהכנתי:
http://tnadav1.100webspace.net/os/window.html

ואני כבר יכול להגיד שאני מתכוון להשתמש בזה בממשק גרפי ב- JS שאני בונה.

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

אז יש לי 2 אפשרויות:
1) לנסות לתקן את הבעיה הזאת.
2) לבנות סליידר משלי.

לפני שאני הולך על האפשרות השניה, רציתי לראות מה אפשר לעשות..

לדעתי זה בגלל שיש לך overflow:hidden; בקלאס של ה-window
ובגלל שעשית את הגובה של content ככה שהוא 100%
ואז הוא דוחף את השאר למטה אז תעשה את הגובה שלו לגובה של window
פחות כל שאר האלמנטים שאתה דוחף לשם

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

בכל מקרה, הגובה של החלון הולך להיות דינאמי, אני מתכוון לשנות אותו, ככה שה- content חייב להיות 100%

למזלי אין בעיה להשאיר אותו ב- 100%, פשוט עשיתי ניסוי שדפק את כל החלק התחתון, ועכשיו תיקנתי אותו, למעוניינים, הנה התוצאה:
http://tnadav1.100webspace.net/os/window.html
(כן כן.. עידכנתי את המחורבש)

וואי חפרתי פה הרבה.. לא מבין מה קורה לי.. :S