Sent by Christy Collins on 30 November 2004 03:03
I have a fancypants box with rounded corners and a dropshadow on a
patterned background made with 3 backgrounds:
1-top background is large and rounded corners with the inside
transparent
2-bottom background is just the bottom corners with transparency on the
inside
3-patterned background to show through 1 and 2
I'm working on mac and it's looking fabulous on both IE and Safari:
http://www.loudjoy.com/good_box.gif
Apparently it is breaking on PC, but I can't see it.
The url is
http://www.northeastcpa.com
Any help would be appreciated.
The html is:
<div id="outernavcontainer">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html">Home</a></li>
<li><a href="important_dates.html">Important Dates</a></li>
<li><a href="payroll.html">Payroll</a></li>
<li><a href="business_tips.html">Business Tips</a></li>
<li><a href="bring.html">Bring to Your Appointment</a></li>
<li><a href="directions.html">Directions</a></li>
</ul>
</div>
</div>
and the css is:
#outernavcontainer
{
background: url(i/sue_beige_bkg.gif);
width: 168px;
margin: 0;
padding: 0;
}
#navcontainer
{
padding: 0;
width: 168px;
background: url(i/top_bkg.gif) no-repeat top center;
margin: 0;
}
#navlist
{
margin-top: 0;
margin-left: 0;
width: 100%;
padding: 10px 0 20px 0;
background: url(i/bottom_bkg.gif) no-repeat bottom center;
list-style-type: none;
text-align: left;
}
#navcontainer ul
{
}
#navlist li
{
margin: 10px;
}
#navlist li a
{
color: #333;
font: bold .85em georgia, serif;
text-decoration: none;
background: url(i/tri_bullet.gif) no-repeat 0 .2em;
padding: 0 0 0 1em;
display: block;
}
#navlist li a:hover
{
color: #006;
background-image: url(i/tri_bullet_blue.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
