Image not displaying in Firefox

Hi,

I'm building a site on behalf of a client and I have become a little stumped on the reason to why my images will not load within Firefox.

My template is correct and the image loads up fine on every other browser other than firefox.

I have tried setting the image as a background image of which worked fine, the image would display on all browsers with no problems.

I have reinstalled firefox trying to solve the problem and also re-uploaded the 'core' from Perch 2.7.2

Any ideas on what could be going off here?

My template is as follows:

<div class="banner">
    <img src="<perch:content type="image" id="banner" label="Banner" width="1080" />" alt="<perch:content type="text" id="alt" label="Description" required="true" help="e.g. Photo of MD John Smith with his best wig on" title="true" />" />
</div>

<div class="col90">
    <div id="row">
        <h1 class="heading-color">
            <perch:content id="title" label="Title" type="text" title="true" />
        </h1>

            <perch:content id="content" type="textarea" label="content" editor="markitup" textile="true" />
    </div>
</div>

<perch:if exists="lower-title">
    <div id="row">
        <div class="block-color">
            <h3 style="color:#fff;">
                <perch:content id="lower-title" label="Lower Banner" type="text" />
            </h3>
        </div>
    </div>
</perch:if>