CSS Spans with silly forms pushing stuff

[Nicodemas]

So, here I am, learning and getting better with this css stuff you loonies are always harping about ;)

However, now I'm just perplexed.

I have two spans (who reside in a DIV of no special style) with the following style applied to them..

style="border: solid 1px; display:box; height:250px; width:300px;"

However, when I set them side by side, the are NOT sitting correctly. One of them sits just a little bit higher than the other, by like, two pixels maybe. I know it shouldn't matter, because I *could* push it down with relative positioning.. but really I'm just looking for a reason *why*.

[Charles]

Start by running the whole page through the HTML validator at http://validator.w3.org/ and the CSS validator at http://jigsaw.w3.org/css-validator/. Your CSS there is not valid. The "display" property does not take a value of "box".

[Nicodemas]

Hey Charles,
I ran it through, and I found some things I missed. I meant "block" for that display property.

However, I get this error, and I'm wondering what I can do to fix that? I can't seem to find the rule in CSS that says it is wrong...because it works on my page.

Line: 51 Context : .content
Parse Error - opacity=85)

[Charles]

Please post the URL of the page.

[Robert Wellock]

Sounds like you are implementing proprietary opacity code, yes it would help if we could see what you were feeding the validator.