Problems with css in different browsers

[GilbertGrape]

Hey,

I have a style problem.
For a TreeCell I created a new Style in my css called TreeCellLink.
The snippet from the css looks like that:

.treeCellLink,
.treeCellLinkDark,
.treeCellLinkOver,
.treeCellLinkOverDark,
.treeCellLinkDisabled,
.treeCellLinkDisabledDark,
 {
	font-family:Verdana,sans-serif; font-size:12px; text-overflow:ellipsis;
	color:blue;
	text-decoration:underline;
  cursor: pointer;
}
.treeCellLinkDark,
.treeTallCellDark {
	background-color:#fafafa;
}
.treeCellLinkOver,
.treeCellOverDark {
    background:#FFFFFF url(./sc/skins/Enterprise/images/ListGrid/row_Over.png) repeat-x bottom left scroll;
}

.treeCellLinkSelected,
.treeCellLinkSelectedDark,
.treeCellLinkSelectedOver,
.treeCellLinkSelectedOverDark {
	font-family:Verdana,sans-serif; font-size:12px; text-overflow:ellipsis;
    background:#d9e4f6;
    text-decoration:none;
    color:#333333;

}

.treeCellLinkSelectedOver,
.treeCellSelectedOverDark {
    background:#d0dff6 url(./sc/skins/Enterprise/images/ListGrid/row_Over_Selected.png) repeat-x bottom left scroll;
}

.treeCellLinkDisabled,
.treeCellLinkDisabledDark,
 {
	color:#AAAAAA;
	background-color:#FFFFFF;
}

I adapted the containing urls.

In my Gui-Class I set the basestyle of the leaf-nodes:

node.set_baseStyle("treeCellLink");

This works perfectly in IE 8. In FF 5.0, Opera 11 and Comodo it doesn't work. Or I have to say, it works partly. When the node is selected, the correct style is seen, but when its not selected, its not correct.
I looked up the current styles via firebug and it is set correctly.

I'm using smartgwt 2.2.

Does anyone know that problem?

Thanks, GG

[jmichelgarcia]

Have you tried using the lastest version of SmartGWT ? (2.4)

[GilbertGrape]

no, the company decided to upgrade to 2.5, when its available. is that a known problem of the older versions?

[jmichelgarcia]

no, the company decided to upgrade to 2.5, when its available. is that a known problem of the older versions?

I don't know, but give a try with 2.4 and see by yourself.

[GilbertGrape]

I tried 2.4 now and it is still the same effect

[jmichelgarcia]

HI Gilvert,

Can you post some screenshots, this may help people understand your errors.

[GilbertGrape]

IE1 and FF1 should look the same :), but they don't.
When the node is selected (like in IE2 and FF2), the behaviour is correct.

[jmichelgarcia]

When the node is selected, the correct style is seen, but when its not selected, its not correct.

explain better please, otherwise you won't have any help

[sjivan]

IE1 and FF1 should look the same :), but they don't.
When the node is selected (like in IE2 and FF2), the behaviour is correct.

Use Firebug and IE Developer tools to troubleshoot such CSS / styling related issues.

Sanjiv