My mistake was that I put the clear div at the bottom of my floating divs instead of after them inside the containing div.

What threw me off was that everything looked and appeared just right, and the links even worked in IE8 but they didn’t work in Firefox 3.5.7.

Thanks for writing your blog.

Any ideas?

Because if you set it as 67.5%, the math is absurdly simple everywhere else. I want 18px headlines? Set them to 1.8em and ta-dah!

Why not just set the body to be:
body { font-size: 75%; }

This way, .container is already at what your 1.2em style does. There’s no reason to use 62.5% this way.

But, the reason that you use %/em instead of pixels is so that the text is scalable in IE. Personally, I use pixels, and then soft serve EMs for IE.

Regarding 1. Get a Consistent Base Font Size, why not just use pixels in the CSS rather than %/em then?

Could you please explain?

Thanks a million.

I like to know if I can translate your post for my language (portuguese) and put in my blog with your credits!

Wait for response!

Matheus

For example:

ul#nav a {
	height: 38px;
	line-height: 38px;
}

ul#nav { background: #91c6d5; float:left; list-style: none; width: 510px; margin: 0; padding: 0; }

Otherwise you will have a space before your nav bar unless you use all of the other code in examples 1-4 to set the margin and padding ahead of time. Took me a wuite while to debug this o I hope it helps someone else…

Biju Subhash

li##dress a
{
background-image:url('http://peepahole.lifeisaboutloving.com/shop/includes/templates/peepahole/images/test.jpg')no-repeat;
}

You’ve got one too many # signs. Also, you are specifying the background-image property but giving both background-image and background-repeat. I would recommend validating your code whenever you encounter problems like this.

it still doesn’t work even if i position background image for each anchor. you will see 1st menu on left side to roll over but not others. Also the menu isn’t arranged in an order. It puzzles me.

Thank you

For an example, it should show baby dolls | pants | etc
but right now, it shows all baby dolls.

Also could you please check if css looks okay? or perhaps any suggestion to keep it clean?

Thank you again :)

anchors — i did both anchors and background image to ul in a different ways..to see if image appeared or not.

so with your quick help, I can go change path and change some codes.

thank you again ^_^v

I would use full paths instead of relatively referencing it.

Also, I’m not clear on why you are adding the background image to the ul and not the anchors within it.

http://peepahole.lifeisaboutloving.com/shop/

I tried to follow your codes in similar way, but the issue is that the image wouldn’t appear – in other word, i only can see text, but not image itself. Do you have any idea to why it behaves like this?

thank you again!