Некорректное отображение при разных разрешениях

Здраствуйте. Помогите решить такую проблему:
в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах — сайт отображается нормально.
Но на ноутбуке, 17 дюймовом, на другом разрешении экрана — эти 2 изображения пикселей на 20-30 уезжают по бокам…

Может кто то откликнется и чем то поможет?
Сайт: http://pravvo.org.ua/

Код изображения 1:
<a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a>

Код изображения 2:
<a href="http://pravvo.org.ua/dose-viktor-danchenko"><img class="alignleft wp-image-273" style="position: absolute; top: 17px; right: 20px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/Danchenko1.jpg" width="230" height="162" /></a>