responsive video css causing SCRIPT87: Invalid argument.

[spinegar]

The following css is causing respond.js to throw the error below.

CSS

.flex-video {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.flex-video-border-fix iframe,
.flex-video-border-fix object,
.flex-video-border-fix embed {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 110%;
  height: 107%;
}


@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

Error

SCRIPT87: Invalid argument. 
respond.js, line 15 character 7

Line 15

docElem.removeChild(fakeBody);

Thoughts?

[TheHollidayInn]

When I add your css, my code does not break. Can you share your Respond.js file and your html to help give more context?