troubleshooting Question

tables in unordered list spacing problem in IE7

Avatar of David Williamson
David WilliamsonFlag for United States of America asked on
CSS
13 Comments2 Solutions903 ViewsLast Modified:
I have some tables in a <ul>, but the spacing between line items is not working properly in IE7, but its fine in FF.  Below is the code.  As you can see, I've tried many variaions to get it to work.

Besides adding 'margin: 0px 0px -5px 0px' to the li element, what else can I do to fix it?

<style>
      ul {
      padding:0;
      margin: 0;
      }
      
      li {
      padding:0;
      margin: 0px 0px 0px 0px;
      }
      
      .mytable {
      border:1px solid black;
      padding:0;
      margin: 0px 0px 0px 0px;
      border-collapse:collapse;
      border-spacing: 0;
      clear:both;
      }
      
      .mytable td {
      padding:0;
      margin: 0;
      }
</style>


<ul>
<li><table class="mytable" cellspacing="0"><tr><td>cell</td></tr></table></li>
<li><table class="mytable" cellspacing="0"><tr><td>cell</td></tr></table></li>
<li><table class="mytable" cellspacing="0"><tr><td>cell</td></tr></table></li>
</ul>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 2 Answers and 13 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 13 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros