will someone please explain this simple CSS bug?

[John Smith]

hi all

can someone explaing why the text ("this menu text wont show on mozilla")
shows correctly in IE for the following code, but in mozilla
(netscape/firefox etc.) the text is printing a few pixels down so you can
only see half of it?!
its my first foray into the world of CSS and this seems like the most
straightforward thing you can do! and it doesnt work!
style1 is simply bold, white text.i want a thin black bar in a layer, with
white text on it.

<div id="headermenubar" style="position:absolute; width:592px; height:20px;
z-index:5; left: 158px; top: 95px; layer-background-color: #000000; border:
0px none #000000; background-color: #000000;">
<p class="style1">this menu text wont show on mozilla</p>
</div>

thanks

[DU]

[Followup-To set: comp.infosystems.www.authoring.stylesheets]

John Smith wrote:

> hi all
>
> can someone explaing why the text ("this menu text wont show on mozilla")
> shows correctly in IE

This is weird: why would an IE user need to be informed that a
particular menu text won't show in mozilla? Is that because of some
webpage layout debugging you are doing?

for the following code, but in mozilla
> (netscape/firefox etc.) the text is printing a few pixels

A few pixels could mean 4 pixels or it could mean 40 pixels or more.
Here, we have no way of knowing.

down so you can
> only see half of it?!
> its my first foray into the world of CSS and this seems like the most
> straightforward thing you can do! and it doesnt work!
> style1 is simply bold, white text.i want a thin black bar in a layer, with
> white text on it.
>
> <div id="headermenubar" style="position:absolute; width:592px; height:20px;

If the height of that div is set to 20px with a css declaration of
overflow:hidden and the font-size of the inner paragraph is, say, 28px,
(either set or user-defined/default) then the text will be cut off. But,
here, with the code fragment you posted, there is no way we can figure
this out.

> z-index:5;

If you have set the z-index to 5, then it should mean that you have 4
other siblings with a set z-index as well. Now, the code you posted show
none of that. So, there is no way we can figure out what happens here.
The other layers could be overlapping.

left: 158px; top: 95px; layer-background-color: #000000;

layer-background-color is not a valid css property.

border:
> 0px none #000000; background-color: #000000;">
> <p class="style1">this menu text wont show on mozilla</p>

What's the rule on style1 exactly? It's kinda difficult to explain (and
debug) the interaction of these elements (and all their siblings and all
their offsetParents) without being able to examine all the declarations
which may apply to these.

> </div>
>
> thanks
>
>

With the whole code you provided, it's impossible to tell what is
happening. For starters, I can't even see the layout you describe.

If you need assistance into fixing or solving a layout matter, best is
to provide an url. You'll get a lot more help that way than by posting
to newsgroups which have little or nothing to do with your particular
webpage issue.

Can you validate your page markup code and css code and then post an url?

DU

[Followup-To set: comp.infosystems.www.authoring.stylesheets]