Hello, everyone!
I have never posted to this list before, but I’m hoping there is someone out
there who can assist me.
I am creating a CSS menu for a client, and it looks fine in Firefox, but in
Explorer, there is a space between the first and second links and the third
and fourth links. It looks strange. Can someone explain to me why this is
happening and what I can do to remedy it?
Thanks,
Rachel
Here is the menu:
<ul class="menu">
<li><a href="dwi.html">DUI/DWI</a></li>
<li><a href="drug.html">Drug Possession
& Manufacturing </a></li>
<li><a href="traffic">Traffic Tickets/
CDL Defense</a></li>
<li><a href="divorce">Divorce & Child Custody</a></li>
</ul>
And here is the style sheet for the menu:
.menu li {list-style-type: none; }
.menu { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin: 0; }
.menu a { display: block;
text-align: center;
text-decoration: none;
color:#000099;
margin-left: 0;
margin-right: 5px;
padding: 2px 10px 10px 10px;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-color: #AEA96F;
border-style: outset;
color:#000099;
}
.menu a:hover {
border-style: inset;
background-color: #F4EDB6;
text-decoration: none;
color:#000099;
}
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.467 / Virus Database: 269.7.4/811 - Release Date: 5/18/2007
3:50 PM
______________________________________________________________________
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/