On 3/28/06, Holly Bergevin <[EMAIL PROTECTED]> wrote: > From: "Joanne" <[EMAIL PROTECTED]> > > >There is a small gap between the top image and the > >first navigation item in IE & Firefox, but it displays fine in Opera. > > >http://www.sparrowdog.com/bti > > add your choice of {vertical-align: bottom;} OR {display: block;} to a > selector that matches - > > #p7PMnav li img > > (sorry, didn't try to hunt down whether you had such a selector or not) You > only need to use one of those properties to remove the gap. > > Hope that helps, > > ~holly
I'm not exactly sure if this has any bearing on the task at hand but in the embeded style you have... Shouldn't you just all combine that as one rule? You're applying the same attributes to ul and sub ul and sub sub ul... et cetera. If you just apply it to the top ul, it should cascade onto the other one as they are in the scope of the first one anyways. It'll save you both an entire file and network usage. That being said, I have run into your problem once or twice, mostly when trying to get things to align right in IE and Mozilla. Things look fine in one and don't in the other. The previous idea to set explicit heights for everything is a good one. You could also try doing something similar for widths as you might run into the same problem with vertical slices instead of horizontal ones. Apart from that, there isn't much I can think of. When I get into this kind of a pickle, I usually clean up my code until it's crystal clear (both html and css) and then if nothing pops out at me then I start hitting my head really hard against the keyboard and randomly saving. That last part hasn't worked yet, but I'm going to keep trying. Generally, by making the code clear with indentations and line breaks and all of that it makes it much easier to see the flow of the page and what is modifying what. Makes it easier to edit too. Things tend to pop out better considering your eyes aren't confronted with a wall of letters. Just my 0.02$. Hope this helps a little, René ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
