Vicki Stebbins wrote: > After my Safari woes I changed the top level <li> to image mouseovers > to ensure they stay within the boundaries...
> All seemed to work fine until IE6.0. > http://www.seco.com.au/index.php A better image-swap method... <http://www.alistapart.com/articles/sprites/> ...when modified to go directly on those anchors. Still a weak spot in IE/win... <http://www.gunlaug.no/tos/alien/seco-ie6.png> ...caused by the fact that you're using text - non-breaking spaces - in those anchors. Of course, those non-breaking spaces create much worse access problems... <http://www.gunlaug.no/tos/alien/seco-access.png> ...in case that's an issue. To solve both those last problems, the following CSS corrections/additions will get the basics in place... #nav .level1 li a, #nav .level1 li a:hover { width: 9000px; margin-left: -8850px; background-position: 100% 0 /* correct this when sprites are added */; overflow: hidden; } #nav .level2 li a { width: 150px; overflow: visible; margin-left: 0; } ...and the HTML should be written more like this... <div id="nav"> <ul class="level1"> <li><a class="why" href="">Why Travel with us</a> <ul class="level2"> ........ </ul> </li> <li><a class="outback" href="/outback.php">Outback Experience</a> <ul class="level2"> ........ </ul> </li> .... etc. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
