browser compatibility

Hi

I am using a combination of jquery and css to hover over a button and have it expand out to reveal text and then close again when the mouse is moved away. In Firefox it works perfectly but in safari, the button appears 3/4 quarters down in the div. I can put a style top of -568px but would rather use one rule that fits all browsers instead of putting in a rule just for safari. I have tried the position: relative too in the #content-holder ul li and/or #content-holder ul li a style but that hasn't work either. Any suggestions would be most appreciated!

Hi,

I've been trying to set-up a simple website in css using Flux (a web design software for mac). After a lot of trial and error, I came up with a design that looks ok on Safari on Mac. Sadly, whenever someone opens it in Firefox or Chrome, there are a lot of problems with alignment and text size. If the website is opened in browser in Windows, the problem gets worse.

Hi

On my website I'm usin' a background image and I want to overlay an radial gradient with transperancy.
I've tried for hours to transform my css code that it works in Safari(-webkit-) and Opera(-o-) --> Problem is the transperancy.

My css code:

background:-moz-radial-gradient(
center 45deg, circle farthest-corner, rgba(255, 255, 255, 0.1) 0%, rgba(190, 190, 190, 0.3) 100%),
url("../images/background/background_image.jpg");

Could please anybody show my how this code should look like that it works in ie, Safari, and Opera?

Thanks

Hi I have spent countless hours learning to use Deamweaver and understanding the basics of webdesign. This is my first website and it is probably 98% there... I have had it live for about a couple weeks now but I just need a little help to have it run perfectly.

I am aware of issues with my horizontal 3 tier drop down menu. On some browsers, the last tab (Resources) bumps down to a second line. I have also noticed (on most if not all browsers) when you zoom in or out it the nav bar jumps between one and two lines. Is this a simple fix?

Do css resets level the playing field of all browsers, or will they still act somewhat different?

The reason I ask is, I have designed a few different things just to play around and learn css and javascript, but they look different from browser to browser. I usually design in Firefox and then test in Opera, Safari, IE and Chrome (I figure that's enough, but let me know if there are others I should test).
Well, some stuff comes out great in all browsers, some stuff works in all but IE, and some stuff is completely different in every browser.