Header position trouble in safari and chrome
I am building a website using Cargo Collective template and am having trouble with the positioning of the header in safari and chrome - all is fine in firefox.
The website is:
I want the header image to line up with the left side of project thumbs below - this is perfect in firefox but in sarafi and chrome it is pushed to the right a little - is there a piece of code i can put in the custom html that will give it different alignment in safari and chrome? this is the code i have in there:
i have posted this of course on the cargo collective support forum but have not received a response so thought i'd try here too - really want to launch my site but this is holding me up!
<div style="position: relative; top: 10px; left: 227px;">
<img src="http://www.hannahmarywhite.co.uk/images/header_with_shadow_clean.png" width="550" height="105" alt="Hannah WHite" usemap="#hannahheader" />
<area shape="rect" coords="0,0,300,105" href="http://cargocollective.com/hannahmarywhite" alt="Home" />
<area shape="rect" coords="345,80,550,20" href="mailto:firstname.lastname@example.org" alt="Email" />
Many thanks in advance if you answer!