Safari is Killing me !

[cheshirebt]

Can anyone please help me with a problem I have. I run a business club website but the centre column (#mainbody) is not displaying in safari.

I think this is the css code causing the problem;-
#mainbody {
display: -webkit-inline;
float: left;
margin-left: 0px;
margin-right: 10px;
padding-right: 0px;
padding-left: 10px;
text-align: left;
width: 540px;
}

It is fine in IE and firefox, but I think the problem exists in Chrome as well.

It's getting embarassing now, any help would be appreciated.

[CSS_Kidd]

Hey cheshirebt,

It could be your display: -webkit-inline;. Remove that and see what happens... I never use webkit rules so I am not even sure if the syntax is right(Someone please correct me. I did a search and couldn't find anything).

Because you are supplying only a portion of you code it is hard to tell why. So if the above does not help, please post both your full CSS and your HTML (with DOCTYPE) so we may better understand what the issue might be.

[KenB]

The best way to avoid browser specific display issues is to write and validate your HTML and CSS to W3C specifications and to NOT use goofy non-standard stuff (e.g. "display: -webkit-inline;"). Personally I use HTML4.01 Strict and CSS2.1 as my design specifications.

Honest to god, sticking to W3C specifications will make your life easier.

Get the Firefox "Web Developer" extension, it will allow you to validate your code from the right mouse click context menu.

[cheshirebt]

Thank you all for your replies.

Here is the full code as advised. Help would be appreciated, even at a modest cost !

Here is the full css
---------------------------------

<snip>

[edited by: limbo at 11:10 am (utc) on Feb 12, 2010]
[edit reason] Please examplify your HTML and CSS, and remove specifics like URL's [/edit]