[kiteflyer]

is it me but inorder to replace tables sometimes you go a little into divitis?
because I can't find another way around it...
except for tables ofcourse.
I am just trying to group a set of links made into blocks (as in when you hover the whole block is hovered.) but instead of having a long list of links i wanted to break them up into three columns.
but I am going into div overload.
or is there an easier way that i am missing.
this is the css i have so far for this section:

.mini_container{
width:80%;
margin-left: 10%;
margin-right: 10%;

}
.info{
float:left;
margin-left: 10%;
margin-right: 10%;
width:1000px;
color:#000000;
}

blocklinks ul {
list-style-type: none;
width: 300px;
color:#000000;
}

.blocklinks li {
height:100px;
border: 1px dotted #999;
border-width: 1px 0;
margin: 5px 0;
color:#000000;
}

.blocklinks li a {
color:#000000;
display: block;
font: bold 1.5em ;
padding: 5px;
text-decoration: none;
}

* html .blocklinks li a { /* make hover effect work in IE */
width: 300px;
}

.blocklinks li a:hover {
background:#ff9900;
}

.blocklinks a em {
color:#000000;
height:80px;
display: block;
font: normal 85% ;
line-height: 125%;
}

.blocklinks a span {
color:#FF6600;
font: bold 70% ;
line-height: 150%;
}