Zurompeta 0 Junior Poster in Training

I'm having an odd issue here.

Basically, I have an AJAX response that is returning HTML that I'm using via innerHTML. The following is a portion of the AJAX response:

<img id='img_display'  width='583px' style='margin-top:62px;' src='../galleries/gallery/img.png' alt='' />~<table ....

The following is a small portion of my AJAX code:

var response = xmlhttp.responseText;
response = response.split('~');
[INDENT][I]STEP #1[/I][/INDENT]
disp.innerHTML = response[0];
[INDENT][I]STEP #2[/I][/INDENT]
div.innerHTML = response[1];

STEP #1:

<img id='img_display'  width='583px' style='margin-top:62px;' src='../galleries/gallery/img.png' alt='' />~<table ....

STEP #2:

<img id='img_display'  width='583px' [B][U]style=''[/U][/B] src='../galleries/gallery/img.png' alt='' />~<table ....

As you can see, at Step #2, the "margin-top" is removed from the style attribute.

Any ideas as to why this is happening?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.