is there a way to override the default padding/indent on <.dd> in IE?

[zollerwagner]

IE adds a hefty indentation on <.dd> tags in a definition list, whereas Opera and Netscape don't. Is there anyway to override IE's indents and still provide some indentation in most css-enabled browsers?

I've not had any luck with css padding or text-indent. In both cases, each browser simply added my values to their default.

Any other ideas?

[Safir]

This seems to work in IE6:

dd{margin-left: 0px; }

however, don't forget to put the <dd> inside a <dl> (as i'm quite sure how it's intended to be used) otherwise it won't work.

=> i hope it's not the . (dot) that causes the problem ;-)

[zollerwagner]

Thanks for the suggestion. I've just finished trying that and a number of possible variants. None of these has worked--yet.

Yeah, the <.dd> was just a way to avoid any possible problems with the post. I still can't figure out why the first line inside some of my code tags is so tiny. Any ideas?

This is part of a multiple level navigation, so maybe I need to redesign it. I learned this basic plan for navigation from Alistapart. They seem to deal with it by using a special marker (bullet) rather than just an indent.

Here's a piece of the code:

<div id="sidenav">
<dl><dt><a href="index.php" title="Home Page">Home</a></dt>
<dt><a href="services.php" title="description">Services</a></dt>
<dd><ul><li><a href="services1.php" title="">Sub Link</a></li>
<li><a href="services2.php" title="description">Sub Link2</a></li>
<li><a href="services3.php" title="description">Sub Link 3</a></li></ul></dd>
<ETC.>

and the css:

#sidenav{
background: #FFF;
color: #000;
border: 0;
margin: 0;
padding: 5px 0 10px 0;
}
#sidenav ul{
border: 0;
margin: 0;
padding: 0;
text-align: left;
}
#sidenav ul li{
list-style: none inside;
margin: 0;
padding: 0;
line-height: 1.5;
 font-size: 11px; /* 13px; x-small; was xx-small */ 
 voice-family: "\"}\""; 
 voice-family: inherit; 
 font-size: small; /* was x-small */
}
html>#sidenav ul li{
font-size: small; /* was x-small */
} 
#sidenav ul li a {
font-weight: normal;
}
#sidenav dl{
margin: 0;
padding: 0;
}
#sidenav dt { /* used for nav catetories */ 
margin: 10px 0 0 0;
font-weight: normal;
font-size: x-small; 
voice-family: "\"}\""; 
voice-family: inherit; 
font-size: small; 
} 
html>#sidenav dt{
font-size: small;
} 
#sidenav dd { /* used for subcatetories */
margin: 0;
padding: 0;
} 

[zollerwagner]

Yes, since I didn't need markers, I was able to get this to work by removing the <ul.> and <li.> tags, and using just <dt.> and <dd.>.

That'll also make my css a lot simpler.

Thanks, again for the suggestion--it let me know this was possible!