Help with table matrix

I have this html code and css(below).

I'd like table "c" and table "d" to be directly under
table "a" and table"b", which they are currently,
but I'm using <br><br> to accomplish that. Which I'm sure is not
the best way to do it. And by using <br><br> the gap between
the top two tables and the bottom two tables is too large.
What should I use instead of <br><br>?

Any help would be appreciated. Thanks

<ul class="table" id="a">
<li><div>Type</div></li>
</ul>
<ul class="table" id="b">
<li><div>Number</div></li>
</ul>
<br><br>
<ul class="table" id="c">
<li><div>Test</div></li>
</ul>

<ul class="table" id="d">
<li><div>Hello</div></li>
</ul>

Code (markup):

CSS:

ul.table {
					width:110px;
					margin: 0px 0 0 10px;
					float:left;
					list-style-type: none;
					padding:0;
				}
				ul.table li {
					height:1em;
					margin:0;
					padding:0;	
				}
				ul.table li div{
					width: 100px;
					height: 200px;
					float: left;
					clear:right;
					text-align:center;
					color:black;					
					font-color: #000000;
					font-size: 12px;
					padding:.2em .2em .2em .2em;
				}	
				ul.table li div:first-child {
					color:black;
					float: center;
					clear:none;
				}
				#a {
					border: 1px solid #000000;
				
				}
				#b {
					border: 1px solid #000000;

				}
				#c {
					border: 1px solid #990099;
				}
				#d {
					border: 1px solid #666666;
}

Code (markup):

 

<div master>

<div left> width 50% of container, which will be 2x the width of your given tables
table a, then table c
</div>

<div right> width 50% of container, which will be 2x the width of your given tables
table b then table d
</div>

</div>

hope that helps, when doing multi columns with divs, make sure & float both in same direction, ei "float:left;"

 

Thanks for your reply, however, I'm not following your information.
Can you clarify, please?
THANKS

 

<div id="NAMEOFTABLE" style="position:absolute; width:###; height:###; z-index:0; left:400; top:950;
background-color: transparent; overflow:auto;">

YOUR CONTENT HERE

</div>

 

A report in SSRS and I need it to have a table/matrix with the following:

Column 1 - Row titles
Column 2 - Totals
Column 3 - Grouped fields

I'm having trouble getting the 3 columns in the one table or matrix and it still working the way I need it to.

Column 3 is the results of the query grouped by one of the fields in the query.

I can get 2 and 3 together working fine, but I can't add the titles. I've tried adding a table of just headers and placing it right next to the matrix but when I deploy and run the report it seperates them and pushes the matrix down underneath the table.