background-position shrinks the background-image?

Hi everyone,

I'm fairly unfamiliar with css, and I can't seem to get this right.

My html page contains a few divs that have the same background-image. This image width is two times the width of a div and consists of two parts of equal size; each part has height: 335px and width: 134px. A div has the same size as an image part. I was able to switch between the parts by setting background-position either to "left" or to "right" (or to 0%/100%). So far, so good.


Hi Guys,

What I am trying to achieve:

Here is my code

body {
	font-family:"Open Sans", sans-serif;
@media all and (min-width: 50px) {  .tile  {   font-size:0.1em;  } }
    @media all and (min-width: 100px) {  .tile {   font-size:0.2em;  } }
    @media all and (min-width: 200px) {  .tile  {   font-size:0.4em;  } }
    @media all and (min-width: 300px) {  .tile  {   font-size:0.4em;  } }
    @media all and (min-width: 400px) {  .tile  {   font-size:0.6em;  } }

SixfootStudio - Background image position in <a> tag issue in IE6

Hi Guys,

I am sitting with a problem I have not found a solution to in IE6.

My hyperlinks in my right colum wraps across two lines and should have an arrow image at the end of that line. In FF and IE8, this works just fine but IE6 misplaces the arrow altogether.

Here's a snippet of my code if someone can see an obvious mistake here please

<a title="Media Center" href="#">This would be a very long string which wraps across two lines. The bullet should then appear on the second line at the bottom</a>

#LeftCol a

IE6 issue - background-position causing height issues

Hi guys,

I'm having a really tough time getting my head round this one. It's an IE6 bug that I've never encountered before, and haven't found anyone else having this problem either. Had a good search of this forum and trawled through about 50 google search results with no resolution.

Basically, I have a menu at the top of my page that uses background-position on the :hover event to move the bg image up/down 25px. It's using a background on the a tag and text-indent to clear the text out of the way.

Syndicate content