Safari problems? Css problems? Just problems...

[Bagpuss1974]

Hi - new here and new to css, so please bear with me.

I am creating a site and am having trouble with two things.

1) I have some text which is to be equally spaced over the bottom of a field. In firefox (and I expect IE) they appear fine - almost see note below. In Safari they all justify left. Here's the link to the page (it's the prices at the bottom that should be equally spaced):

http://www.pizza.bowlerhatmedia.com/theusual.html

Is this a cross browser problem, or a CSS issue?:confused:

NOTE: In FFox the font appears evenly spaced, but the last number on the right does not go to the end of the line. Any ideas?

2) On this page: http://www.pizza.bowlerhatmedia.com/themargaritetree.html
and this:
http://www.pizza.bowlerhatmedia.com/salad.html

the prices should all right justify, but they don't end up lining up atop one another.

If any one could help me that would be great. Thanks very much.:)

BP1974.

[Apostropartheid]

uh...isn't it margarita? Margarite is a, well, let's just say it's not something you would put on your pizza.

I would suggest wrapping the Petite, Medium &c in a div for each one and using a margin on that instead of the empty span, which is not really that semantic.

[Bagpuss1974]

hey - i just code the site, i don't make the pizza's :)

thanks. I'll try that.

also - do you have any tips for question 2?