Pls help

[anu_123]

Hi,
Requirement:In a row there shud be a maximum of 3 unorderd lists.
The 4th unorderd list shud be under the 3rd unorderd list item.
If there are more number of list items,the 4thcolumn doesnot
come under the 1stcolumn.Instead it gets aligned under the 1st column.
The width of the page is 61em.
Also it works only in fire-fox and not in IE
Pls clarify my doubt




HTML
<div id="columnUnorderedList">
<div>
<h2><a href="#">col1</a></h2>
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<li><a href="#">D</a></li>
<li><a href="#">E</a></li>
<li><a href="#">F</a></li>

</ul>
</div>

<div>
<h2><a href="#">col2</a></h2>
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
</ul>
</div>

<div><h2><a href="#">col3</a></h2>
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
</ul>
</div>
<div><h2><a href="#">col4</a></h2>
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
</ul>
</div>
<div><h2><a href="#">col5 </a></h2>
<ul>
<li><a href="#">C</a></li>
<li><a href="#">D</a></li>
</ul>
</div>
<div><h2><a href="#">col6</a></h2>
<ul>
<li><a href="#">E</a></li>
<li><a href="#">F</a></li>
</ul>
</div>
<div><h2><a href="#">col7</a></h2>
<ul>
<li><a href="#">G</a></li>
<li><a href="#">H</a></li>
</ul>
</div>
</div>

CSS

#columnUnorderedList {
font-family: Arial;
font-size:12px;
color:#FFFFFF;
vertical-align:top;
}

#columnUnorderedList div {
float:left;
width:30%;
}
#columnUnorderedList ul {
display:inline;
}


#columnUnorderedList h2{
padding-bottom:8px;
padding-top:20px;
font-weight:bold;
}

#columnUnorderedList ul li {
list-style:disc;
font-weight:normal;
margin-left:60px;


}
#columnUnorderedList ul li a {
color:#FFFFFF;
text-decoration:none;
}

#columnUnorderedList ul li a:hover{
color:#C2H4H7;
}

[eCat]

May I suggest that you move this post to CSS and call it something more descriptive than "Pls help"...

[anu_123]

Thanks a lot for the advice

[donatello]

http://www.webdeveloper.com/forum/showthread.php?t=68822