Tessa Harmon wrote:
> What is the best way to control the positioning of image bullets in 
> IE6 and 7? They are rendered higher and further to the right than 
> they should be.

> <http://www.bossmanmedia.com/ie6/group-center-form.html>

You can always manipulate the relevant elements back and forth until the
image and anchor-text line up as you like.

The following example...

@media screen {
* html #info ul {overflow-x: hidden; height: 1%; }
* html #info ul li {margin-left: -8px; line-height: 1.2;}
* html #info ul li a {position: relative; top: -.3em; left: 6px;}

*:first-child+html #info ul {overflow-x: hidden; height: 1%; }
*:first-child+html #info ul li {margin-left: -8px; line-height: 1.2;}
*:first-child+html #info ul li a {position: relative; top: -.3em; left:
6px;}
}

...shows how it _can_ be done for IE6 and IE7. Other browsers will not
be affected.

Example tested for your layout, but the values may need some tuning
since I can't see what's "right" in any browser at my end. Your layout
breaks across browser-land and can't take any font-resizing.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to