Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

IE 5.0 Inline List Problems

In IE 5.0 a UL styled as tabs renders without borders or margins.

3:24 pm on Nov 11, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 28, 2003
votes: 0

I am using a UL to show tabs as sub-navigation though in IE 5.0 and NS 4.75 (though I am not very concerned with NS) they are appearing without proper spacing and no borders. I have somewhat eased the margin/padding issue by inserting nbsp though it is not the ideal solution I would like to use.

<ul id="subnav">
<li>&nbsp;<a href="link1.html">Link One</a>&nbsp;</li>
<li>&nbsp;<a href="link2.html">Link Two</a>&nbsp;</li>
<li>&nbsp;<a href="link3.html">Link Three</a>&nbsp;</li>

#subnav {
color: #3c3c3c;
font-size: 18px;
margin: 0px;
padding: 3px 0px;
border-bottom: 2px solid #db0029;
width: auto }
#subnav li {
list-style-type: none;
margin: 0px 6px 0px 0px;
position: relative;
width: auto;
display: inline }
#subnav li a {
background-color: white;
float: none;
padding: 3px;
border-style: solid solid none solid;
border-width: 1px;
border-color: #3c3c3c;
width: auto }
#subnav li a:hover {
color: #db0029;
border-style: solid solid none solid;
border-color: #db0029 }
6:01 pm on Nov 11, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 30, 2003
votes: 0


i found that the list in this tutorial [css.maxdesign.com.au] worked as you want.

you will need .clearboth {
clear: both;

in the CSS and to put <br class="clearboth"> immediately beneath the navigation div for it to appear correctly in mozilla