Hey there,

Just finished building a site at: http://www.fromefestival.co.uk

Thought all was well - checked and optimised and compliant and looking just dandy on a PC - BUT then I saw the Events pages on a MAC Safari and IE5.2 - EEk!

See e.g:
http://www.fromefestival.co.uk/2006/events/070706.html

Something strange afoot - In Safari you can see event titles, but the paragraph descriptive text is all squished into one pixel on the left, and in IE you can ONLY see the titles.

The tag with the problem seems to be:
#eventitems p.description
{
padding: 3px;
font-size: 0.75em;
border-bottom: 2px solid #CC3333;
overflow:hidden;
clear:both;
margin-bottom: 8px;
}
- but just can't figure what is causing it??

FYI If you are on a PC you can see the problem in Safari at http://www.snugtech.com/safaritest/ - just copy in domain above.

Hoping someone can advise.

ps
css available via:
http://www.fromefestival.co.uk/2006/css/fromefestival_nosidebar.css
and
http://www.fromefestival.co.uk/2006/festival_diary.css