-moz-column-count at AOL/Moviefone problem

edited February 2007 in Style Development
I'm writing a style for this and related pages http://movies.aol.com/dvdvideo/new-releases/7000/featured-movies and I am trying unsuccessfully to get the "others" to display in two columns.

Here's a screenshot: http://i50.photobucket.com/albums/f329/Webbpa/aol_movies_css.gif

I'm using .genreOther{-moz-column-count:2 !important;} and every permutation I could think of but it's still one column.

Can anyone help? Here is the complete css.

------------------------ Code ----------------------
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("movies.aol.com") {

BODY,#bb_header{width:100% !important;}
#content{width:99% !important;}

#left,#a,#s{width:780px !important;}
.a5,.genreMain{width:550px !important;}
.genreMain{padding-bottom:0px !important;}
.genreOther{padding-top:0px !important;}
TD[width="110"]{width:250px !important;}
H3{padding-top:3px !important;}

.genreOther{-moz-column-count:2 !important;}

#hat,#bb_gnt,#bb_b,#ad,
.utb,#c,#d,.movieBox+.clear,#bb_ft,#bb_m,
.blkb_topList .header,.button,.genreOther .header,
#right .colorOne,.module .body UL,TD[width="90"],
.ratings_widget TR TD DIV,#bb_s,.a4>BR,#z,
.a5>.module>.header
{display:none !important;}

}
@-moz-document url-prefix("http://movies.aol.com/movie/"){
#left1,#a,.agroup{width:100% !important;}
.a4{margin-right:0px !important;}
.a5{width:825px !important;}
.a1{width:100% !important;}
A+BR+BR,#right1,#y,#getit,.showtimes,.subhead,
A[href$="showtimes"]
{display:none !important;}
}

@-moz-document url-prefix("http://movies.aol.com/dvdvideo"){
.a1{display:none !important;}
}

/* Trailers */
@-moz-document domain("video.aol.com") {
#top,#ad_curtain,#base{display:none !important;}
}
------------------------ Code ----------------------

Comments

  • Just guessing, but maybe -moz-column-count doesn't work for stuff stored in a table.
Sign In or Register to comment.