I can't seem to get my video to stay in my blog's sidebar. If there's content in the page, it seems to align fine, but if I have a blank page (or seemingly blank when using a custom page template), it floats to the left.

Here's the page I'm working on.

Here's the CSS I have that's obviously not working right when the page is blank. Any help?

.videosidebar{
    float: right;
    width: 350px;
    background: url(images/hl-dot.gif) repeat-x bottom;
    padding: 0 0 10px 0;
    margin: 0 0 20px;
}

.videosidebar h2 {
    text-transform:uppercase;
    text-align: left;
    border-top: 3px solid #c0c0c0;
    color: #ff7800;
    font-size: 14px;
    padding: 10px 0 10px;
}

.videosidebar h2 a {
    text-decoration:underline;
    padding-left: 85px;
    color: #666666;
}

.videosidebar h2 a:hover{
    text-decoration: none;
    color: #333333;
}