Сдвиг при изменении border

[mycoding]

Гляньте пожалуйста ссылку http://moc-081.narod.ru/4-semestr/sakod/3_1/1.html там внизу кружок синий с буквой i, нажмите его и пролестите до верху. Появится окошко, наведите курсор мыши на закрытие.
Изображение съедит слегка, потому что его свойство изменено на
border:1px solid #888888;
Раньше как-то получилось от этого избавится сейчас опять не пойму в чём дело. Подскажите пожалуйста.

[Nekromancer]

ну с начала то бордера нету.. а когда появляется с двигается.. поставь изначально бордер в 1 пиксель цвета фона, или маржин в 1 пиксель, и при наведении убирай его.

[mycoding]

А вы глянет как сделан JQuery там то как реализованы диалоги.
Точно помню что способ простой, потому что уже делал, но сейчас опять не получается.

[Nekromancer]

Поверь, я глядел в код jQuery больше чем ты им пользовался )
А это не простой вариант?

.border-hidden {border: 1px solid #background color}
.border-visible {border: 1px solid #alternative color}

<div onmouseover="className='border-visible'" onmouseout="className='border-hidden'">

[mycoding]

За этот вариант огромное спасибо, я и не подумал что так можно.
Но реально можно по другому, как то через
display:block;
Там именно, это мало кому известно - тонкости.

[Nekromancer]

есть ещё куча вариантов, можно вообще релативом или абсолютом повесить блок, но нафиг оно надо, когда и так работает.

[mycoding]

Просто стараюсь брать пример с JQuery )

[Skipp]

используй outline, правда ie ниже 8 не держит.

[mycoding]

В JQuery и в ie 6 работает)

[Nekromancer]

В JQuery и в ie 6 работает)

О боже, это не значит, что jQuery делает как вы думаете.. А скорее всего делает как я сказал в первом примере.. ибо.. ибо вот так.

П.С. Используйте jQuery тогда...