Hi, I am having a problem with sliding doors menu; right side image is going over the left side image. I have tried various tutorials, but without any luck. The problem occurs in all browsers.
Example can be seen here http://turbolihis.kapsi.fi/projects/green/ <ul class="menu"> <li class="active"><a href="#">home </a></li> <li><a href="#">about us</a></li> <li><a href="#">services</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">contact</a></li> </ul> .menu li{ background: url(../images/layout/menubg_right.png) no-repeat right top; float: left; margin: 0 0 0 10px; } .menu li a{ background: url(../images/layout/menubg_left.png) no-repeat left top; color: #fff; display: block; line-height: 35px; padding:0 10px; text-decoration: none; } Thanks for your help, Ville ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
