Zmiana sposobu rozwijania + podmiana obrazka

[Kartofelek]

1) dla .box.show dodaj margin-top:-....px
2) dodaj przed gradientami zwyczajny kolor czyli background:#ddd i odpowiednik dla czerwonego. Możesz je pobrać z samych gradientów (patrz kod). Zgodnie z http://shouldiprefix.com/ gradienty zamiast tak:

Kod:

background: -moz-linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #808080), color-stop(6%, #808080), color-stop(48%, #c0c0c0), color-stop(95%, #808080), color-stop(100%, #808080));
background: -webkit-linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);
background: -o-linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);
background: -ms-linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);
background: linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);

zapisz tak:

Kod:

background: #808080;
background: linear-gradient(45deg, #808080 0%, #808080 6%, #c0c0c0 48%, #808080 95%, #808080 100%);

Ten dłuższy kod dla gradientów brałem z generatora gradientów css3, ale nie trzeba tego stosować, chyba że chcesz wspierać super stare firefoxy i chrome (i tak ich nikt nie używa).

Reszta na ie9 działa.