Sorry I took so long to get back. I had in my mind I would receive an email alert when someone posted.
Anyway, thanks for your input and I apologize for not giving a url or at least a screenshot so you could check out the page and/or the code. I didn't have a url to give as I'm working locally and have let my web hosting account expire for the time being. You can go here to see a screenshot example of the problem Imgur.
By the way, I found a workaround to the problem and I'll share it with you after I provide the original code so you can get the full picture. Here is how I originally linked to the image which worked in all browsers except Opera.
<div class="wp-logo">[](http://www.wordpress.org" target="blank)</div>
Here is the css:
.wp-logo {
margin: 0 0 0 50px;
}
.wp-logo { float: right;}
.wp-logo {
position: absolute;
top: 55px;
right: -18px;
}
.wp-logo a {
display: block;
text-align: center;
text-decoration: none;
text-align: center;
padding: 5px 10px;
border-radius: 5px;
}
I found the workaround here.
Here is how the image is now targeted - it's pretty self explanatory so I won't comment on it. Here is the HTML:
<a href="http://www.wordpress.org" target="blank" class="svg">
<object type="image/svg+xml" width="80" height="80" data="img/wp-logo.svg" class="wp-logo"></object>
</a>
And here is the CSS:
a.svg {
float: right;
position: relative;
margin-top: 50px;
display: inline-block;
}
a.svg:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left:0;
}
To answer @angiesdom' question: I used both the keyboard shortcut (windows) control+ and also tried View>Zoom which is what I think you mean by the context menu.
I can't explain why no one else had this issue. It may have been something in my positioning technique but that was the first thing I looked and couldn't see anything there.
Anyway, thanks for your response and if there is anything else you have to add I'm all ears. Thanks again.