Ustawianie pozycji div względem obrazka w HTML/CSS

Witam
Mam problem ze stroną internetową. Otóż na mojej stronie znajduje się główny div o id gallery, który przechowuje obrazek oraz dwa mniejsze div'y. Te dwa div'y służą do nawigacji między obrazkami i są wyświetlane w postaci szarych prostokątów o wysokości obrazka i szerokości 75px. Pojawiają się one dopiero po najechaniu na nie. Wyglądają one tak:
Tak wygląda wyświetlony div kierujący do obrazka:

A tak do następnego:

Problem z tym, że kod tych div'ów wygląda tak:

<div id = "prev_btn" style = "width: 75; height: 400; position: absolute; margin-left: 517px; background-color: gray; opacity: 0;"></div>
<div id = "next_btn" style = "width: 75; height: 400; position: absolute; margin-left: 742px; background-color: gray; opacity: 0;"></div>

Chodzi o to, że div'y są nałożone na obrazek i wszystko działa bardzo ładnie, ale chodzi mi o "margin-left". Otóż takie pozycjonowanie div'ów wygląda ok, ale tylko na moim monitorze, bo do niego są dostosowane, a na innych, np. przesuwają się na środek. Chodzi mi o to, aby ułożyć je względem obrazka, który jest wyśrodkowany. Proszę o pomoc.

Ustaw w nadrzędnym boxie

position: relative;

a w podrzędnych

position: absolute; top: 0;

oraz odpowiednio

left:0;

i

right: 0;

dla boxów służących za przyciski.

Sugeruję tez przenieść kod css do pliku zewnętrznego lub przynajmniej do sekcji head strony

dodanie znaczników <code class="css"> - fp

I wypadałoby podać jednostki dla width i height.