My first attempt at CSS - a hickup in IE

Hello everyone,

I've been trying to put together my first page with CSS. I have uploaded the template here:

http://how-toy.com/indexCSS.html

There isn't much content yet. The page looks how I intended in Firefox, but when I look at it with IE 6 there is a space above the word "Classics" in the navigation column. Can someone explain why this is occuring?

Also, any general tips reguarding my html and css files would be appreciated - I know I have a lot to learn.

Thanks

 

To img.logo, add {vertical-align: bottom;} or {display: block;}. See Mysterious Gaps for an explanation.

cheers,

gary

 

display: block; did the trick. Thanks!

 

You can also float it. Depends on the surrounding layout. I can't advise, your link is a 404 now.

 

That's because a float is automagically a block element.

cheers,

gary