html ap div,html - Ap Div Positioning - Stack Overflow

hi i'm new enough to web design and have made a site with 2 ap divs for positioning images on my header. it all looked lovely on my laptop but when i checked it out on a 24 inch monitor the positioning was all over the place , heres my css

Please point me in the right direction

Thanks all

 FISH NORTH WEST

• Home
• Where to Fish
• Specimen Fish
• Gallery
• Pre Bait
• Members Area
• Testimonials
• Reservations
• Contact Us

#headtest

{

margin:0 auto;

position:relative;

width:900px

}

#apDiv1

{

position:absolute;

width:308px;

height:174px;

z-index:1;

margin-top: 15px;

margin-right: 15px;

margin-bottom: 15px;

margin-left: 30px;

left: 179px;

top: -14px;

}

#apDiv2

{

position:absolute;

z-index:1;

left: 727px;

top: -190px;

width: 385px;

height: 220px;

}