Hello all,
I've been searching the forum on the Categories To List Per Row topic and have found many but unfortunately none that solve my issue. I would like to list 2 categories per row on my main page and have this set in Categories To List Per Row, however, I'm still only getting one column.

Here is my CSS:

Code:
.categoryListBoxContents {
	width: 250px;
	height: 400px;
        position: relative;
	text-decoration:none;
}
.categoryListBoxContents a {
	width: 220px;
	height: 320px;
	padding: 10px;
	background-image:url(../images/picoutline2.gif);
	background-repeat:no-repeat;
        position: absolute;
	text-decoration:none;

}
I currently have 4 categories so I would like them to be in a grid centered on my main page. The background image is basically just a border that I'm using to outline the images. And I've disabled the left and right columns so the center column is the only one that is active. I've found that if I add "float: left;" to my .categoryListBoxContents it will create the grid but then of course it's not centered on my page. Any suggests would be greatly appreciated.