סוג של פופ אפ-כיצד בונים?

[IgalSt]

נכתב במקור על ידי dabi

בידיוק מה שחיפשתי CSS בלבד זה נהדר
אבל חסר לי פה 2 גורמים
1)שאם לוחצים על המסך מחוץ ל'פופ אפ' ה 'פופ אפ 'יעלם
2)שיהיה כפתור X בתוך הפופ אפ כדי לסגור אותו

תודה רבה

בבקשה:
http://jsfiddle.net/igalst/xDCuy/3/

רק תעצב את ה-X איך שבא לך. אם תרצה תמונה אז תמונה, צבע אחר וכו'.
תוכל לשחק גם עם המיקום שלו.

לא צריכים פה JS, אולי רק איזשהו fallback שידע להציג ולהסתיר במידה ואין תמיכה ב- target selector בדפדפן.
פתרונות עם jqeurty בכלל מיותרים. אין שום סיבה לטעון כ"כ הרבה קוד javascript רק כדי לעשות את הפונקציונליות הפשוטה הזאת.