positioning problems in IE6/7

Submitted by Dwight Schrute on Mon, 2009-11-02 19:40

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

Submitted by cadubrrj on Sun, 2009-11-01 01:09

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?

CSS Hover state issue on H1 tag with changing background images

Submitted by mediamole on Thu, 2009-10-29 13:28

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 {

CSS not working in IE (Bacground image below object)

Submitted by abe-css on Mon, 2009-10-26 20:12

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