Please help!
My site is looking great in both IE and FF but the CSS is not working the same in both. I have text in a menu that is wrapping correctly in IE but extending past the DIVs border in FF. Why? How can I fix it? The link below has 2 images that show what is happing in both browsers.
ca.pg.photos.yahoo.com/ph/camandtamATrogers.com/my_photos
*replace the AT with @
The edge can be seen by the yellow/red vertical lines (they are in the background image). The red line on the outside is the exact limit of the DIV (136px) but half of the character extends past in FF (but not IE).
There is a small padding on the left side of the div, which is why the blue square is moved right a little bit - so I tried to add a padding to the right. It didn't make a difference. The text continued to go past the edge.

Thought about using a scrollbar but it would take up even more room in my narrow menu area (even when using overflow:auto) so I would like to avoid it at all costs.

Any help would be appreciated.

I cannot give the direct link to the site because it is not appropriate for this forum.