FF 3.5 and Iron/Chrome work well, but MSIE 8 and Opera 10 do not

[meszi]

Hi there,

I am still learning about JQuery Corner. So maybe I do a mistake. I want to draw rounded corners to my nav buttons. I am using JQuery 1.3.2 that comes with Wordpress 2.8.6.

My code is as follows:

[...]

<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('div.navbutton').corner("round 20px"); /* THIS DOES NOT WORK IN MSIE AND OPERA. */ jQuery('div.navbutton').wrap('

'); jQuery('div.outer').corner("round 20px"); }); </script>

[...]

<style type="text/css"> table#page table.main td.navtd div.navigation div.navbutton { width:70px; margin:3px auto; padding:7px 20px; //border:2px solid #555555; // THIS WORKS FINE IN FF AND CHROME border:none; //WHEN TRYING FOR MSIE AND OPERA I COMMENT THE ABOVE OUT AND DISABLE THE BORDER background:white; color:#555555; font-size:12px; font-weight:bold; text-align:left; } div.outer { margin:3px auto; padding:1px 4px; background:#555555; zoom:1; } </style>

[...]

kontakt

[...]

While FF and Iron/Chrome render the borders fine (Iron/Chrome looks somewhat aliased but at least it works somehow) and do not even require the "wrapped div" (border works) I have problems with MSIE 8 and Opera 10. Best way to imagine the problem is IMO to see the screenshot: http://www.meszi.de/Zwischenablage01.jpg

What can you suggest to get this issue resolved?

CU,
Mészi.

[meszi]

I have decided to stop my attempts with JQuery corners as DD_roundies works fine with MSIE, FF and Webkit5 browsers support rounded corners directly via CSS and Opera at least supports SVG background images.

Therefore I close this topic.