I have a div in which images are given an image border. I'm trying to exclude an image and change the border to 0 px in the Pagelime image controls. But I see some really strange things going on between web browsers. This simple control should not differ this much depending on the web browser I use.
My questions are:
1. why these differences?
2. what browser should I tell the average Windows user to use to get the smoothest ride with Pagelime?
Safari + Chrome
Worst case. The resulting code is not working:
style="border: 0px initial initial;"
The "initial initial" part breaks it in the web browsers so the image is using the default border, not the 0px border. When I manually remove "initial initial" it works.
Chrome can read the image dimensions but Safari show zero values for some reason.
Firefox
Firefox instead adds "none;" at the end style="border: 0pt none;".
The "none;" is ignored by the web browsers so this one works. But why 0pt and not 0px?
Explorer 8
This browser can do this with no errors. This was a bit surprising. My experience with web cms solutions have been to avoid Explorer because these tools are usually built with web standards.
Images:
Safari
Chrome
Firefox
Explorer 8
