I'm using my jobs HTML template made with 3rd party software, and trying to add it to an eBay listing, but the listing is displaying improperly.
I am getting a visual error when I try to add this to an eBay listing. In Chrome, this happens: https://dl-web.dropbox.com/get/cropped%20ebay.png?_subject_uid=155856861&w=AAAV20ym1M3Czc9VF2DUwBU2omimJFfQErKaYnrwOdyCyg
In other browsers, this happens: https://i.sstatic.net/iicy8.png
Trying to track down this issue, it seems to be somewhat related to the CSS. If I remove the line ".xr_ap {position: absolute; border:none;}" from the CSS file, it renders on the page somewhat-properly, but the images are missing.
I'm not sure how to fix this? Why would using Absolute in CSS cause this issue?
If anyone could help, or needs more info, please let me know.
(Edit: I can only include 2 images per post. I am going to have to reply to this with the other links...)
Change your #xr_xr to:
<div id="xr_xr" style="width: 955px; height: 2045px; left: 50%; margin-left: -478px; border: none; position: relative; display: block">
Here's the fiddle. Not all of the CSS is there, so the tabs don't look right, but your content does (tested by editing the DOM directly from Chrome on the eBay page too).
Having set your position to absolute and your top to 0, it was rendering at the top of the containing element.
EDIT
Additionally, you've got top set without left on your text spans; you will want to add a left value to the css for xr_tl.