jQuery slideDown changes width by 1px
<p>I spent couple of days already, I have no ideas any more, how to fix my problem.
I'll show with screenshots :</p>

<p><img src="http://i.stack.imgur.com/K4xCz.png" alt="enter image description here"> 
<img src="http://i.stack.imgur.com/9uRT0.png" alt="enter image description here">
Idea of this is, that when mouse is not on element, it shows only top and bottom part, when mouseover, middle element slides down.
As you can see, in first image, middle part (where is facebook and google+ icons), that background is repeated pattern, it is 1px thiner, than in image on right. Same element captured on different screen resolutions. Our content scales with screen resolution. It is strange, that all images are with same widths, but looks different.</p>

<p>css code:</p>

<pre><code>.ribbon .vintage .nolog {
width: 92px;
}

.ribbon .vintage .nolog .top {
width: 92px;
height: 59px;
background: url("/img/ribbon/vintage/n/vintage_nolog_top.png");
}
.ribbon .vintage .nolog .center {
width: 92px;
display: none;
background: url("/img/ribbon/vintage/n/vintage_nolog_repeat.png") repeat-y;
}
.ribbon .vintage .nolog .bottom {
width: 92px;
height: 69px;   
background: url("/img/ribbon/vintage/n/vintage_nolog_bottom.png");
}
</code></pre>

<p>html i am generating through jquery : </p>

<pre><code>(....).append($('&lt;div/&gt;', {'class': 'vintage'}).hover(slideDown, slideUp).(....)
//and here those animating functions
    var slideUp = function() {
        $(this).find('.center').stop(true, false).slideUp(options.duration);
    }
    var slideDown = function() {
        $(this).find('.center').stop(true, true).slideDown(options.duration);
    }
</code></pre>

<p>Code is pretty simple.. Oh, this error apears only on Chrome :x</p>

<p>jsfiddle : <a href="http://jsfiddle.net/QbX9f/" rel="nofollow">http://jsfiddle.net/QbX9f/</a>
There is some mouseover glitches, but i dont have them in real application. Also - result is as i expected - here you cannot see the glitch, it is caused by css3 scale(), that is applied to all elements.. But the strangest thing - only on chrome.</p>

<p>UPDATE :/
I found now, that when i dont repeat middle part ( set its height to background image height), it does'nt shrink! So strange.</p>
