Having strange CSS issue


I made some mini plugin which works with Youtube API.

But something wrong with my CSS: It destroys whole page structure.

Here is the main page where all works well (without problemtaic piece of CSS):


and the page that I'm talking about (witH problematic piece of CSS):


The same CSS working well on another page


Can't figure out, what am I missing? Thx in advance

Problem courtesy of: Tural Aliyev


You are adding your "video" class to video wrapper and I don't know why but html tag too. It has width:228px; that causes problem. Also i'm not sure why are you using classes on your html tag(and there are like 20+). Solution for your problem is rename video class or delete it from html tag. Good solution is change your html tag to <html lang="ru" xmlns="http://www.w3.org/1999/xhtml">

Solution courtesy of: draconis


the whole .video class from your tag should be removed on problematic page:

.video {
    border: 1px solid transparent;
    float: left;
    font-size: 11px;
    height: 150px;
    margin: 0 25px 25px 0;
    width: 228px;
Discussion courtesy of: Misha Ts

This recipe can be found in it's original form on Stack Over Flow.