horizontal nav background color on hover causing ie6 problems

I'm having issues with a horizontal nav, using blueprint css, where the change in background-color on a:hover is pushing all the content down. If I leave the background-color the same on a:hover the problem is fixed.


#header-nav {
#header-nav li {
#header-nav a, #header-nav a:link, #header-nav a:visited {
	-webkit-border-radius: 5px;

positioning problems in IE6/7

I have the following image style in my stylesheet. The positioning works great across browsers except for IE6/7:

#lvl_topnav img{bottom: 3px; float: right; padding-right: 5px; position: relative;}

Here is the containing div:

#lvl_topnav{position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; margin:0px; padding:7px 0px 7px 20px; text-transform:uppercase; background-color:#464646; width:748px; wid\th:728px;  z-index:2;}

Problem with lighbox2 and ul's in IE

I just learned html and css. Studying lightbox2 i was trying to create a folio page but had the following problems:

- Viewing in 1440x900 lightbox looks cropped and aligned left. Works right only on chrome and safari.

- ONLY in IE the unordered lists that hold the thumbnails looks wrong.

Tested in a free domain:

Can anyone help?

CSS Hover state issue on H1 tag with changing background images


I currently have a H1 tag that has a background image sitting on top of the text, which is clickable as a link

<h1 title="Fresh Flames"><a href="http://www.freshflames.com">Fresh Flames - Designer Clothing<span></span></a></h1>

Website is here:


My CSS looks like this:

#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0;
               position: relative;
#branding h1 a {

CSS not working in IE (Bacground image below object)

Hi All,

Well this is my first post for help on CSS! Although not strictly a beginner I would be compared to most.

My most recent difficulty is (yes another) IE and FF problem. Firefox works fine, its just IE!

The website I am creating is at http://click-books.co.uk. The particular problem is with the "entry" class in the css. This seems to extend over its alloted space ie IE, represented by a grey image bar appearing underneath the entry tag where it should only show up in the background of the entry tag.

Syndicate content