udalo mi sie zrobic kalkulator na dodawanie to teraz robie popup w js

ale nei ogarniam tego
zrobilem div w x i y wimiarach z display: none;
po kliknieciu przycisku jego display zmienia sie na block i zaczyna byc widoczny
wylacza sie gdy zjade z niego myszka
czyli
<div id="okienko" style="position: absolute; left: 450px; top: 325px; background: #B22222; color: #ffffff; width: 400px; height: 100px; z-index: 100; text-align: center; display: none;" onmouseout="document.getElementById('okienko').style.display = 'none'">
niby dziala poprawnie
tylko, ze okienko wylacza sie jeszcze zanim z niego zjade mysza
wystarczy, ze troche poruszam sie po srodku i okienko sie wylacza