עזרה | בעיה עם קוד JQ

[TSystems]

http://tomerfid.ibuild.co.il/
הבאג פה ^^

הקוד JS שלי הוא

    $(".work").mouseover(function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","1");
    });
    
    $(".work").mouseout(function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","0.7");
    });

הקוד HTML שלי של דיב בודד.

    <div class="work blue">
        <img src="images/works/orange.png" alt="" />
        <ul>
            
        </ul>
    </div>

קוד CSS:

.work {
width:160px;
height:400px;
float:right;
margin-right:20px;
opacity:0.7;
cursor:pointer; }


.work ul {
width:158px;
height:190px;
float:right;
margin:1px 1px 0px 0px; }

.blue img {
border:3px solid #0d5161;
float:right; }


.blue {
background:#7a9fa8; }


.blue ul {
background: #0d5161;
float:right; }

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

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

[meshuga]

לא ברור למה זה עוזר, אבל אם תשתמש בhover, אז זה יעבוד בסדר

 $(".work").hover(function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","1");
    },function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","0.7");
    });

[TSystems]

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

לא ברור למה זה עוזר, אבל אם תשתמש בhover, אז זה יעבוד בסדר

 $(".work").hover(function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","1");
    },function() {
        $(this).stop(true,true);
        $(this).fadeTo("fast","0.7");
    });

תודה רבה (: