I have uploaded a nested list type navigation which looks to be working OK on my Firefox browser (eventually !!)

 

see : http://williebee1.99k.org/sportnav.html

 

The spacing isn’t quite right yet, but that’s easy to fix. For now though, using the MeasureIt Firefox add-on the margins around the buttons are, roughly 20px left and right, 17px above the top button and about 96px below the bottom button

 

However, yesterday I was at my local library and the whole line of buttons was overlapping the right side of the teal colored box. I can’t be sure which version the computer had, but it was certainly IE.

 

There must be a bug, but I don’t know which one.I'm not too good with bugs (only ladybirds)

 

I’m attending a web design course and the lecturer was talking about nested lists at the last class. She gave us the javascript, see below which she stated would fix IE problems. She will be going over it more in the next class, but that’s in 2 ½ more weeks ; I don't want to wait that long.

 

$(document).ready(function(){

//call the jQuery Hover Over and Out

$('li.link').hover(over, out);

function over(event) {

$('ul', this).css('display', 'block');

$('a', this).css('background', '#ff9900');

$('ul a', this).css('background', 'none');

}

 

function out(event) {

$('ul', this).css('display', 'none');

$('a', this).css('background', 'none');

$('a.current', this).css('background', '#ff9900');

}

 

});

 

 

 

Any help would be appreciated.

 

Is the Javascript right and where does it go ?

Many many thanks !

try Adding to you css

 

*{margin:0; padding:0;}

"mteam"

 

thanks for your reply

 

i actually thought I had done as you suggested, but of course i hadn't

 

Tried it with my local version and opened IE browser (initially didn't know I still has that program on my machine)

 

All OK now. I'll update internet version too

 

 

Kind regards !

 

 

ps Will this work on all browsers ? I don't really understand what the javascript was all about ?