הוסטס - פורום אחסון האתרים הגדול בישראל - עזרה

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; }

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

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