Is this bad CSS?

[Michael Scott]

OK I have these 6 pages. They should all basically look like this page :

http://img697.imageshack.us/img697/9565/onevo.jpg (http://img697.imageshack.us/i/onevo.jpg/)

^ That is "leftcoldeep".

But they basically all look like this page:

http://img8.imageshack.us/img8/169/twou.jpg (http://img8.imageshack.us/i/twou.jpg/)

^ That is all of the other parts.

The HTML layout is the exact same. Only the content is different. However for some reason I lose the bottom links over the main picture (which in the CSS is "nav"). I also lose the right half of the page's content. And again the HTML is the exact same on those two sample pages pictured above. Only the content is different (actually it's the same in those two pictures, but for the actual site it's different). I'm not very good at CSS, I only read a brief tutorial on it before I kind of delved in, so that's why I'm assuming it's the CSS.



CSS:
/* CONTENT LEFT COLUMN */

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcoldeep, #leftcolemerald {
width : 300px;
height : 400px;
float : left;
text-align : right;
font-weight : bold;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcoldeep, #leftcolemerald a {
color : #E2E0E0;
text-decoration : none;
line-height : 13px;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav {
margin-top : 379px;
margin-right : 7px;
float : right;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav span {
display : block;
margin : 0px 1px 0px 2px;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav b {
margin-left : 3px;
border : #CCCCCC 1px solid;
display : block;
float : left;
}

#leftcol {
background : url('images/main_img.gif') no-repeat 0px 0px;
}

#leftcolmem {
background : url('images/main_memberships.jpg') no-repeat 0px 0px;
}

#leftcolcloud {
background : url('images/maincloud.jpg') no-repeat 0px 0px;
}

#leftcolmist {
background : url('images/mainmist.jpg') no-repeat 0px 0px;
}

#leftcoldeep {
background : url('images/maindeep.jpg') no-repeat 0px 0px;
}

#leftcolemerald {
background : url('images/mainemerald.jpg') no-repeat 0px 0px;
}

Thanks for any help!!!

[Fang]

You're floating and limiting height.
Give a link or full document.

[Michael Scott]

You're floating and limiting height.
Give a link or full document.
http://www.mediafire.com/download.php?mjywmntgt1z

Ok, here are the two websites. Sample 1 is the working one, Sample two is the broken one. And obviously the CSS is the CSS.

Again, thanks for any help.