Browsers have no problem with absolute position (most of the time) and without wishing to offend it is your invalid structure and incorrect use of tables for everything that is the real root of the problem.
You have placed the imageholder inside a table element but you have used no tr or td so it is an incomplete and invalid structure. Add the correct html and the element should display in the correct position.
<table style="text-align: left; width: 100%;"
border="0" cellpadding="0" cellspacing="0">
Of course those styles should be in the external css file and not in the middle of the code as that is invalid.
You should not also be using all those inline styles in the tags because that means there is no simple solution to fix any errors. Indeed you are trying to absolute position table-cells which is not allowed anyway. All css should be external in 99% of cases.
There are too many problems to fix in the present form and it would be better to start again with a table-free layout or at least not nested tables. You can always throw a table in where you need three equal columns but there really is no need these days to use tables for layout.
Hopefully the above fix will get your image into position but I feel you would be better starting again and using up to date methods and structures to achieve that rather simple design.