IE 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.

CSS:

#header-nav {
	position:relative;
	padding-top:31px;
	/*left:-10px;*/
	width:480px;
	margin-right:0;
	float:right;
 
}
 
#header-nav li {
	display:inline;
}
 
#header-nav a, #header-nav a:link, #header-nav a:visited {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#00242F;
	color:#B9BBAC;

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;}

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:
http://foliotest.hdfree.com.br/print.html

Can anyone help?

Hi,

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:

Demo

My CSS looks like this:

#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0;
               text-indent:-9999px;
               height:47px;
               position: relative;
               }
 
#branding h1 a {

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.