images overlaping

[Craig Hopson]

hi guys i have a image 100x100 in the top corners i want rotate icons i cant get the inline styles right please help this is the code (sorry its a mess)

 echo '<li><div><div style="padding-top:10px;"><a href="index.php?x=rotate&img=uploads/'.$id.'/'.$file.'&rot=90&place='.$file.'" style="position: relative; left: 5px; top: 5px;"><img src="images/rotatec.png" style="border:0px;"></a> <a href="index.php?x=photoview&img='.$path.'"><img src="uploads/'.$id.'/'.$file.'" style="border:5px groove lightblue;" height="100px" width="100px"/></a> <a href="index.php?x=rotate&img=uploads/'.$id.'/'.$file.'&rot=-90&place='.$file.'" style="position: relative; right: 5px; top: 5px;"><img src="images/rotate.png" style="border:0px;"></a> </div></div><div><a href="delete.php?type=img&id='.$id.'&file='.$file.'"><img src="images/delete.png" style="border:0px"></a><a href="index.php?x=share&img=uploads/'.$id.'/'.$file.'&from='.$email.'"><img src="images/share.png" style="border:0px"></a></div></li>';