Recently we updated the AccessPoint files to replace the Qlik logo with our company logo but the image is not aligned correctly. It spans the white and gray frame instead of being aligned left and valigned top in the header.
We dropped the logo into the images file and made the following replacements:
You have inserted align="left" and valign="top" which really shouldn't be used anymore. Anything like that should go into either a style attribute or in a css-file. If you make sure that your logo is 144 x 29 px like the QlikView logo you shouldn't need to do anything else than replacing the logo_main.png with DH_IT-PMO.png.
Anyway you only have room for 29px or the image will spill over into the gray area underneath. The gray area is a background image and will not move down to make room for a larger picture. You have 19px padding above the image so that you be taken away and added to the 29px that you have - making a total of 48px. You could gain another 12px which is the nav_utility area height by moving the <a href><img src....> up there so you get a total of 60px - anyway the image will "spill" down so just make sure that it looks pleasing.