please look at this link

http://www.sudhakargolakaram.co.in/files/gallery.html

i have 2 images on the left which is how the list items should appear on load and when the mouse moves over the image

the images are in a horizontal list initially the images should have a 6px background color of 6px when the mouse moves over the links there should be a 2px white border appearing on top of the black border should should be 4px

when i move the mouse over the list items are moving away from its present location which should not happen


the list items should remain where they are and on mouse over there should be a 2px white border sitting on top of the original 6px black border

i have tried using padding of 6px with black background and tried 6px black border but when i mouse over i am not getting the effect i want

please look at the css code which is embedded in the html file and let me know how to fix the css code

thanks

WHAT BROWSER?? Looks fine to me, I don't see any 'moving away' ??