Zrobiłem 2 przyciski po lewej i prawej stronie ekranu:

<button id="switchLeft"></button>
<button id="switchRight"></button>

Ponieważ (chyba) nie da się elementu wypozycjonować tak aby jego środek
wypadł pośrodku ekranu (top: 50% umieści górną krawędź elementu pośrodku
a nie środek) to wymyśliłem obejście w postaci zmniejszenia do zera
buttona i umieszczenie w nim pseudoelementu przesuniętego o połowę
wysokości. Działa świetnie pod IE i Chrome... ale nie pod FF. FF
renderuje ten element poprawnie ale nie da się na nim kliknąć i nie jest
generowane :hover. Czy da się jakoś zmusić tą przeglądarkę bez
zastępowania pseudoelementu - elementem?

Poniżej okrojony CSS z niepotrzebnych do rozważań elementów.


#switchLeft, #switchRight {
width: 0;
height: 0;
position: fixed;
left: 0;
top: 50%;
padding: 0;
margin: 0;
overflow: visible;
background-color: transparent;
display: none;
}

#switchLeft:hover, #switchRight:hover {
...
}

#switchLeft:before, #switchRight:before {
display: block;
content: "";
width: 32px;
height: 204px;
position: absolute;
top: -102px;
left: 0;
cursor: pointer;
}

#switchRight {
left: auto;
right: 32px;
}

#switchRight:before {
...
}

--
Pozdrawiam
Marek