Removing a div with no id or class with Javascript


Staff member
My wordpress blog is having issues with <em>syntax highlighter evolved</em> plugin, and there's this weird div element popping out:

&lt;div style="z-index: -1; position:absolute; top:0px; left: 0px; width: 100%; height: 4031px;"&gt;&lt;/div&gt;

This causes my page to extend, creating a big space at the end of the page. This also is found on every wordpress blog. Funny thing is, only chrome sees that (using Inspect Element). I've already tried in IE9 developer tools and FF firebug, the div is not there and my page is fine.

<strong>NOTE</strong>: I've already posted a separate question <a href="">here</a>. And my question here is different from that.

I want to fix this little problem so bad, and it just came to my mind to use JavaScript for this. What I want to do is: <strong>Remove the div with javascript</strong>.

It's easy removing a div with an ID or class, but this one doesn't have any. I also do not want to affect all the other divs. How can I accomplish this?

<strong>P.S.</strong> It has no parent IDs or class. It's right after the container class div. It's parent is

<strong>EDIT</strong>: Here's the html:
<img src=" " alt="alt text">