I am designing a border to show images with CSS and have run into an issue.
I have this working in all other browsers that I am able to test however this does not seem to work in Opera. Everything looks good except for 1 border. I know what is causing the issue, I just don't know where to begin to fix the issue.
howard.worldfamousgiftbaskets.com/border.html is the URL.
ALL CSS is embedded in the webpage. I have tested this in: Firefox Netscape IE 6 AOL Explorer Opera
Opera is the only one that the rightside border is not quite correct. Why is this and what can I do about it without conflicting the other browsers.
This code is for the outer double border. As I see it, CSS looks at the document itself and uses that to references that in order to figure out where the width should be when you use width: auto; or width: 50%;
Is there a way to tell it to use whatever is inside of it. That would work greate if I could tell it to look at inner-border and go by that instead of attempting to figure out how many pixels I need for Firefox, Opera, etc etc etc.
I did find a hack for opera that did fix the issue however I would like to know if there is something else that is not a hack that will fix the issue. /* The next part is here for Opera only. Explanation: virtuelvis.com/archives/2004/01/css-for-opera-7 Start Opera Media Hack */