Disappearing DIV or DIV border

Question

I'm working on an orbit simulation I have the planet orbiting. When You zoom all the way in (click the + sign) and select Neptune (the last planet on the right - might have to scroll the top planet bar) its orbit (the dashed line) disappears. If you zoom out 1 then its orbit is visible, some times. Zoom out again or any farther and its always visible. Any way to prevent it from disappearing?

You can see a working example here.

If it matters, I'm on the latest Chrome for mac. I downloaded and tried this on the latest Firefox for the mac, and the issue is not there. I tried it in the latest Safari as well and its not there, so this must be a Chrome specific issue, not a webkit issue.

This may be a bug in Chrome. I filed a report.

Answer 1

If you give the div a background colour, you'll see that it's the border that disappears.

As a workaround, the border stays visible if you change the border width to 3px (at least on my Chrome 19 (Linux)). Perhaps you can set the thicker width for the highest zoom levels.