Problem with the width of the link text in my drop downs

[sparkdigital]

Hi

I'm using the drop down menu script from the generic template for this wb website and so far so good.

http://www.swinsidelodge-hotel.co.uk/

The only thing I can't figure out is why in the fourth drop down 'The Area', one of the links doesn't automatically break but flows outside of the drop down. I've set the width for just about every id etc!

I think I've been looking at it too long as well and can't see the wood for the trees anymore... 

Would be very greatful if any of you could spot the mistake!

Thanks,

Konrad

[marathoner]

The width of the drop down is set at "#navigation li ul" and the anchors are set at "#navigation li li a". Look's like the anchors are set 10px narrower to allow for the padding. I changed the drop down width from 110px to 150px and the anchors from 100px to 140px and the submenu text fit fine on my screen.

Edit:
You might also want to simply allow wrapping (you have it set to not wrap) and set the alignment to left (you have it set to justify). As an example, if you simply add the following CSS to your "#navigation li li a" it works well

Code: [Select]

text-align:left;
white-space: normal;

[sparkdigital]

Great stuff, thanks Marathoner. I used your latter suggestion and it worked straight away. The White space tag was a new one to me - it's good to keep learning all the time!

Thanks again,

Konrad