CSS issue in IE /Chrome

I have this code for adding a rounded edge to a tab

background: transparent url('images/tab_right.gif') no-repeat right top;
    padding-left: 0px;
	padding-right: 7px;
	margin: 0px;
    line-height: 23px;
    white-space: nowrap;
  	display: inline;
	position: relative;
    border-bottom: 1px solid black!important;
    overflow: hidden;
    height: 23px;

Open in new window

it works in IE but in chrome in safari it only works if I add


the only problem is that if I add that then It messes up IE is there a way I can have other browsers ignore this?
Who is Participating?
JonMnyConnect With a Mentor Author Commented:
ok well I was able to solve it, I added float:inherit and it worked in both.
Chris StanyonConnect With a Mentor Commented:
Can't really tell what's going on from that. You'd need to give us some context - i.e. show us the HTML and any styles that may cascade down. The easiest way to do this is to show us a page that demonstrates your problem. A CSS block doesn't work in isolation!

If you want rounded edges, have you considered using the border-radius option in your CSS.
COBOLdinosaurConnect With a Mentor Commented:
Depends on the versionof IE.  The old junk does not support border-radius, so I suspect it is in quirksmode which beats up chrome sometimes.

We need a link to the page so we don't spend our time making guesses.

JonMnyAuthor Commented:
Thanks for your input
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.