how to fix the location of png or any image in html (help)

<DIV style="POSITION: absolute; TOP: 500px; LEFT: 700px" ><A
href="index.html"><IMG class=a alt="cleative portfolio"
src="icon.png" width=172
height=47></A></DIV>

this is the code which is use to define the position of image.
BUT when i zoom into the page or open my website from any other pc with bigger display, then the location of my image is different.

Please help me what to do that the position of image remain same on all displays or if we zoom into page.

any other class i need to define in my css ?
or any script.
A complete tutorial will be very helpful

 

Hi show ur page. But my first guess is that u dont have position:relative in ur main container. Position:absolute is located in container with position relative, if there is no position relative then ur div located in boby.
Sorry 4 my bad english )

 

--[if lt IE 7]>
3
4 // Include the Unit PNG Fix script
5 <script type="text/javascript" src="unitpngfix.js"></script>
6
7 // Returns to code for all browsers
8 <![endif]-->

this is the way by that we can fix the image

 

shiva0077 i think this script is for png transparency for ie6. And the problem there is in bad position of picture.

 

make the position: static;

 

Don't use absolute positioning! Learn the box model! http://www.w3schools.com/css/css_boxmodel.asp

 

using this I'm not able to change the location of image :/

 

// Include the Unit PNG Fix script
<script type="text/javascript" src="unitpngfix.js"></script>
// Returns to code for all browsers
<![endif]-->

this is code by that you can fix the image