Hi -

This page looks great in FF - 
http://virt11a.secure-wi.com/%7Eadmin100/index.php?module=pagemaster&PAGE_user_op=view_page&PAGE_id=1

In IE 6.0 the light green boxes at the top and bottom of the left hand vertical 
menu expand beyond where they should.  They should line up with the menu 
options between them.

The view code in the page shows (I cut out only the menu part of the code):


<td class="left_col" valign="top">
    
<table cellpadding="0" cellspacing="0" width="90px" border="0">

  <tr>
    <td class="nav_title">About Us</td>
  </tr>

  <tr><td>

<table class="leftnav" cellpadding="0" cellspacing="1"><tr>

<td align="left" nowrap="nowrap">
<a 
href="./index.php?module=pagemaster&amp;PAGE_user_op=view_page&amp;PAGE_id=11&amp;MMN_position=2:2">History</a>
</td>

</tr><tr>

<td align="left" nowrap="nowrap">
<a 
href="./index.php?module=pagemaster&amp;PAGE_user_op=view_page&amp;PAGE_id=12&amp;MMN_position=3:3">Membership<br
 />Benefits</a>
</td>

</tr>

</table></td>
  </tr>

<!-- BOTTOM MENU -->
<tr>
    <td class="nav_title">&nbsp;</td>
  </tr>
</table><br />    
</td>

The class nav_title formats the light green areas at the top and bottom of the 
menu:

.nav_title {
  font-size: 10px;
  font-weight: bold;
  background-color: #CCCC99;
  padding: 9px 1em 9px 1.5em;
  text-transform: uppercase;
  display: block;
  text-align: left;
  width: 88px;
  margin-left: 7px;
}

The full css file is found here: 
http://virt11a.secure-wi.com/%7Eadmin100/themes/Default/style.css

I've tried modifying padding and margins, but that doesn't seem to work.  I'm a 
css novice and I'm not sure what else to try.

Thank you for your time and pointers,
Barb





______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to