The problem:
When I embed a Youtube video in my page Chrome displays a vertical 1px white space on the left side of my page.
The problem is limited to Chrome and pages with YouTube embeds.
Live example:
- A page with the problem (YouTube embed): http://tinyurl.com/978349d
- A page without the problem (No YouTube embed):
http://tinyurl.com/95qq379
What I’ve tried:
- I’ve tried resizing the video embed to a smaller width but to no
avail. - I’ve tried dissecting the CSS via Chrome’s element inspector but to
no avail.
My question:
Can anyone suggest why Chrome is adding this unwanted space whenever a page contains a YouTube embed?
The only fix I could find is to set the
#maincontainer to width 959px instead of 960px. May not be the right solution but it works