Re: [css-d] Site Check - Footer Problem
Hi, I've only looked at it in Firefox. I notice you've a div id= containerwrapper *and* a div id=container maybe if you put your #footercontainer within the #containerwrapper it would simplify things for you? Just a thought. T. __ 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/
[css-d] Menu/navigation problem
I am working on a redesign for a client of mine and have run into a problem. The client wants a row of colored blocks across the top of the website and wants the navigation to fit inside each block. The problem is that when I design it to look good in 800 x 600, it looks awful in 1024 x 768 and vice versa. I have tried using percentages, floats, etc. but am at my wits end on how to get this to work. One option is a JavaScript that detects the screen resolution, but that has its problems also. Any help would be much appreciated. TIA, Riva http://www.littleracquets.com/new_site_test/ __ 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/
[css-d] Why a space in IE7 and not in FF
Does anyone know why there is a space at the bottom of the orange box (right-hand column) in IE7 but not in FF. I can't seem to correct this problem. http://www.bgcofmanatee.org/index-future.php Thanks! __ 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/
Re: [css-d] Menu/navigation problem
Hi JonMarc, Thank you for the reply. I had considered the colored background to each li or a, but wasn't sure what to do when the menu ended. I think I need to try it and see what problems I run into. (The menu is absolutely positioned already.) Thanks! Riva JonMarc Wright wrote: You could use absolute positioning and left margins to make sure that the text always starts in the right place, but then the header wouldn't be liquid like the body of your site. getting it to look okay in both 800 x 600 and 1024 x 768 isn't that difficult, but getting it to look right when text size is bumped up or down, or with window resizing below 800 pixels wide is where it gets tricky. just at a glance and without too much thought, it would seem like the best thing to do would be to make only the top row of colored boxes be the background image, then use background colors (or images if you'd like) on the second row. each link would then be given a declared with which would be the same as the image width, and each a (or it li) would be given the padding to keep it separated by the same amount of space. they would then lay out horizontally next to each other, but if the user resizes the window below their natural width a couple of the blocks would bounce down to the next line. if someone resizes the text larger, their width doesn't change, but the height does. if you want to match the blocks perfectly, you could always make a taller image for the top row of blocks, then use css to set the height using em, that way if the font size is bumped up, the link blocks will grow in height, and so will the top blocks that are just there for show. i don't have a lot of time right now (it is almost midnight here) but i will try to put together a really quick example of what i'm talking about for you to look at. if you understand the concept that i've written about above, but would like some help with specifics, just let me know. take care, jonmarc __ 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/
[css-d] Unwanted vertical space in IE7
Does anyone know why there is a space at the bottom of the orange address box (right-hand column) in IE7 but not in FF. I'm trying to remove the space in IE7 and can't seem to do it. http://www.bgcofmanatee.org/index-future.php Thanks! Marje __ 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/
Re: [css-d] Menu/navigation problem
Thank you for the reply Alan. I appreciate the comments. I did actually change the block graphic so that the blocks are smaller, but the only problem now is that the links are not centered at higher resolutions. I don't know if this will bother my client, but will look at the code again. Thanks for the effort and the help, Riva Alan Gresley wrote: Hi Riva These are the challenges you are facing. 1) Designing for a certain range of screen resolution. 2) Using in-valid html [1]. 3) Using inline style. 4) Not using the correct doctype. The doctype you were using was putting most browsers in quirksmode [2] [3]. 5) You had one set of a style block for #wrapper followed by almost the same style block for htmlbody #wrapper. This is repeated through the stylesheet for other selectors. Surely those styles are not so esoteric that IE6 would spit the dummy. It can handle some quite robust CSS if given a chance. 6) One of your images is 540kbytes. This could be reduced to around 30kbytes to save bandwidth. Seeing that your boss is seeing a lovely brickwall and visualizing the links sitting perfect in each brick, there is only one approach. Fixed width anchors and a fixed width navigation div. So nothing looks to odd, we want the navigation div centered. This is done with an left and right margin set to auto. Now since we just did that, we better fix up that background. The background bricks must be centered also. Knowing the screen resolution you were designing for and seeing those heights in your stylesheet, you may have been after a sticky footer? The design and it being tennis would call for this I think. This requires a min-height 0f 100% set on the #wrapper. The #topper div must be absolutely position, thus being taken out of the flow so now the #wrapper will rise up to fill the space. We use the FooterStickAlt [4] method for positioning the #botter div. BTW, what is the topper and botter business. I have done this reworking. http://css-class.com/x/racquets/ You may notice that I have commented out some menu items. The design is so restricting that I had run out of bricks. The layout looks quite good on my 1280x800 screen. At 800x600, please note how the left edge of the class menu4 div is now sitting on the left edge of the page. The result is that as you narrow the viewpoint more from this point on, all the links begin to slide right relative to the background and finishing at about 50px as the min-width kicks in. Maybe a rethink of the pages and content will resolve this as I believe five links is the limit you can have. Maybe some bigger bricks would help. It is also possible to have have the menu span over two rows of bricks and aligning each anchor on each brick. You will find some extra comments in the CSS which is embedded in the header of the source. The reworking works in IE5.5, IE6, IE7, FF 2.0.0.8, Opera 9.10 on Win XP SP2 and have tested font resizing 2+ / 2- and minimum font size of 26px in FF and Opera. A read of this about font size [5] will help. I have linked to my links page in my signature line of this message. Many good links are to be found on this page. Good luck. [1] http://validator.w3.org/ [2] http://www.quirksmode.org/css/quirksmode.html [3] http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 [4] http://www.themaninblue.com/writing/perspective/2005/08/29/ [5] http://www.gunlaug.no/contents/molly_1_01.html Kind Regards, Alan http://css-class.com/links/ __ 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/ __ 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/
Re: [css-d] How z-index works
I'd appreciate any comments that would help me improve this tool: http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp Thanks, -- Regards, Thierry | http://www.TJKDesign.com Thierry, this is a FUN way to learn positioning and stacking order and the vagaries of IE! What a great tool. Thank you for this. ciao for now, bj __ 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/
[css-d] Site Review, IE Problems // World Disability Day.com
Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ As it is a site intended for World Disability Day, I am trying to make sure that it remains accessible to people with disabilities. Any suggestions on that count are also welcome. Non-CSS related suggestions and ideas off-list please. Feel free to be as harsh :-). There are only four pages so far, as we are still in the 'template- refining' stage - so please ignore the dead links. Best, - Rahul. __ 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/
Re: [css-d] Menu/navigation problem
Riva Portman wrote: I am working on a redesign for a client of mine and have run into a problem. The client wants a row of colored blocks across the top of the website and wants the navigation to fit inside each block. Riva http://www.littleracquets.com/new_site_test/ Trying to cram all those long word menu links into narrow width/height spaces /may/ require some re-thinking of the layout concept to achieve at least relatively reasonable usability (and even at that it is fragile). Cursory tested in Opera, Camino; and, IE6 and IE7. http://www.chelseacreekstudio.com/ca/cssd/menu.html Best, ~dL -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] Menu/navigation problem
Portman wrote: Thank you for the reply and suggestion, David. I did think of that but my client wants all the blocks the same height and width. Riva David Laakso wrote: Trying to cram all those long word menu links into narrow width/height spaces /may/ require some re-thinking of the layout concept to achieve at least relatively reasonable usability (and even at that it is fragile). Cursory tested in Opera, Camino; and, IE6 and IE7. http://www.chelseacreekstudio.com/ca/cssd/menu.html Best, ~dL Go for it. Give them what they want and they get what they deserve (personal opinion of course). ~d -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] Menu/navigation problem
Thank you for the reply and suggestion, David. I did think of that but my client wants all the blocks the same height and width. Riva David Laakso wrote: Trying to cram all those long word menu links into narrow width/height spaces /may/ require some re-thinking of the layout concept to achieve at least relatively reasonable usability (and even at that it is fragile). Cursory tested in Opera, Camino; and, IE6 and IE7. http://www.chelseacreekstudio.com/ca/cssd/menu.html Best, ~dL __ 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/
[css-d] ordered lists in ie - is more than 10 items asking too much?
Hello, I didn't have much luck with google on this one so I've put together a demo page: http://www.sanchothefat.com/css/bugtests/ie/ol.html For some strange reason if you set 'list-style-position' to 'inside' on an ordered-list from the tenth list-item onwards the text-indent it creates for the bullet/number is lost. This is not the case for an unordered-list. I've tried a couple of hasLayout triggers like position: relative; and zoom:1; to no avail and also text-indenting the li but nowhere near a fix yet. Any ideas? I thought I'd bring this to your attention as a point of interest anyway even if no fix exists. Perhaps this is just one to avoid. Cheers, Rob __ 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/
Re: [css-d] ordered lists in ie - is more than 10 items asking too much?
Just realised, it's not giving any extra room for the extra digit when you reach list-item number 10. Guess it's something I'll have to live with __ 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/
Re: [css-d] Site Review, IE Problems // World Disability Day.com
Rahul Gonsalves wrote: Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ I do not know what problem you mean with splash text, but the third column drops in IE6 because of the italics bug [1] visible in the center column/blockquote p. Ingo [1] http://www.positioniseverything.net/explorer/italicbug-ie.html -- http://www.satzansatz.de/css.html __ 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/
Re: [css-d] Menu/navigation problem
Thank you Brian and David. I actually did manage to get it working. Riva __ 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/
Re: [css-d] ordered lists in ie - is more than 10 items asking too much?
Good afternoon Robert, It was foretold that on 30/10/2007 @ 18:59:25 GMT+ (which was 15:59:25 where I live) Robert O'Rourke would write: snipped a bit For some strange reason if you set 'list-style-position' to 'inside' on an ordered-list from the tenth list-item onwards the text-indent it creates for the bullet/number is lost. This is not the case for an unordered-list. I've tried a couple of hasLayout triggers like position: relative; and zoom:1; to no avail and also text-indenting the li but nowhere near a fix yet. Any ideas? decimal outside with padding seems to get IE in it's place: ol { list-style: decimal outside; border-top: 1px dashed #ccc; padding: 0 20px; margin: 16px auto; width: 90%; } http://www.dzinelabs.com/sandbox/list.html -- Best regards, Luc _ http://www.dzinelabs.com Powered by The Bat! version 3.99.25 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The strength of a nation derives from the integrity of the home. - Confucius. __ 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/
Re: [css-d] Menu/navigation problem
Yeah, I agree with David - though I would probably have wrapped it in standardista: Just be clear: are you designing for your client, or your client's customers? :) Your clients will ultimately be rewarded if focused on the latter, though failing to cater to their whims might get you thrown out. You may not want that type of client anyway. Good luck, Brian -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: Tuesday, October 30, 2007 11:54 AM To: Portman Cc: CSS List Subject: Re: [css-d] Menu/navigation problem Portman wrote: Thank you for the reply and suggestion, David. I did think of that but my client wants all the blocks the same height and width. Riva David Laakso wrote: Trying to cram all those long word menu links into narrow width/height spaces /may/ require some re-thinking of the layout concept to achieve at least relatively reasonable usability (and even at that it is fragile). Cursory tested in Opera, Camino; and, IE6 and IE7. http://www.chelseacreekstudio.com/ca/cssd/menu.html Best, ~dL Go for it. Give them what they want and they get what they deserve (personal opinion of course). ~d -- http://chelseacreekstudio.com/ __ 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/ __ 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/
Re: [css-d] ordered lists in ie - is more than 10 items asking too much?
Hi Robert, Just realised, it's not giving any extra room for the extra digit when you reach list-item number 10. Guess it's something I'll have to live with you may add whitespace between the list numbers and the first character by adding left padding to the first letter, e.g.: ol li:first-letter { padding: 0 0 0 1em;} Cheers, jens -- Jens Brueckmann http://www.yalf.de __ 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/
Re: [css-d] ordered lists in ie - is more than 10 items asking too much?
Luc wrote: Good afternoon Robert, It was foretold that on 30/10/2007 @ 18:59:25 GMT+ (which was 15:59:25 where I live) Robert O'Rourke would write: snipped a bit For some strange reason if you set 'list-style-position' to 'inside' on an ordered-list from the tenth list-item onwards the text-indent it creates for the bullet/number is lost. This is not the case for an unordered-list. I've tried a couple of hasLayout triggers like position: relative; and zoom:1; to no avail and also text-indenting the li but nowhere near a fix yet. Any ideas? decimal outside with padding seems to get IE in it's place: ol { list-style: decimal outside; border-top: 1px dashed #ccc; padding: 0 20px; margin: 16px auto; width: 90%; } http://www.dzinelabs.com/sandbox/list.html Yeah that'll work, it would've been good though, I was using a background image for list-items in ordered and unordered lists so the list-style-position: inside looked nice. Thanks for the link, Rob __ 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/
Re: [css-d] IE Flicker on hover problem
On 10/30/07, James Leslie [EMAIL PROTECTED] wrote: Hi, I know this is quite a well documented problem but I was wondering if anyone has any great, new solutions. It is the problem of IE6 reloading background images in links every time they are hovered on. I am using a sliding doors style technique for a few tabs as shown at http://jamestesting.metafaq.com/clients/jamestesting/debug.html (CSS in head) whenever they are hovered over in IE6 the image is reloaded causing a flicker. I can't really do anything to the server to try to fix this (even though there seems to be a Dean Edwards solution via that means) and would really like it to be a CSS fix. At the moment the only thing I can think of is to try to position another image directly behind it so that the under-image is shown when the top one disappears but this will add superfluous code I would prefer to avoid. My solution is to use the approach that has been christened Css sprites - you create one background image which contains both the hovered and unhovered states (whether they are arranged vertically or side by side depents on the context) and alter the background-position upon hover. I usually find that there is a nett saving in total bandwidth as well as requiring one fewer requests. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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/
Re: [css-d] Site Review, IE Problems // World Disability Day.com
Rahul Gonsalves wrote: Hello. The following site is behaving rather badly in Internet Explorer. I wonder whether anybody has any suggestions as to how to get the 'splash' text correctly, or whether my current method of positioning things is a bad one, etc. http://rahulgonsalves.com/WDD/ Best, - Rahul. Stress test it and the problems may become more apparent: font-scaling at +3 in a compliant browser; and, text-size largest in the IE's, for example (the solutions are often elusive but well worth the effort to correct them). View the page with images disabled. View the page in a text-browser (Lynx). How does it read if CSS is disabled? Should the horizontal navigation remain were it is (in the source) or should it be at the top on the screen, but last in the document source order. Is there enough readability contrast? More questions than answers from this end. But the really great thing about all this stuff is that the solutions are almost always CSS based. Best, ~uncle david PS Keep up the good work. You are looking pretty good so far... -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] ordered lists in ie - is more than 10 items asking too much?
Jens Brueckmann wrote: Hi Robert, Just realised, it's not giving any extra room for the extra digit when you reach list-item number 10. Guess it's something I'll have to live with you may add whitespace between the list numbers and the first character by adding left padding to the first letter, e.g.: ol li:first-letter { padding: 0 0 0 1em;} Cheers, jens Genious, thankyou very much Jens __ 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/
Re: [css-d] Unwanted vertical space in IE7
Marje Cannon wrote: Does anyone know why there is a space at the bottom of the orange address box (right-hand column) in IE7 but not in FF. I'm trying to remove the space in IE7 and can't seem to do it. http://www.bgcofmanatee.org/index-future.php IE/win (all versions) has serious problems with contained floats, and that image is floating - see: '.imgrightnomargin'. Some alternatives... 1: don't float the image. 3: clear below the image. 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/
[css-d] Box Issue
This is simple (I think) -- I'm a bit new to CSS and still learning, so I really appreciate any help you guys have to offer. I have this page - http://www.vitalmodels.com/V3/ The columns on the right/left, the backround extends past the bottom graphic. I basically need the bottom graphic to be at the literal bottom of the div container so that it closes off the box cleanly. I have tried vertical align/bottom/baseline to no avail. And this is only in mozilla/safari as well... Any suggestions? Also, the box changes size depending on the size of pictures, so I can't use a set height/single backround on it. Also, a second question. The 3 columns (divs) in the main area, are within a single container div... they don't push that container down when populated with information, and merely overlap the footer. Right now I have the container set to a height in order to look decent, but when it's set to auto the content in the columns seems to do nothing. I finally got it to push down in Mozilla/Safari only, but the backround of the container didn't repeat. I'm at a loss here, I used relative positioning on the left/right columns. I'm trying really hard to switch over to CSS and have spent countless hours already. So again, I REALLY appreciate any help I get here... thank you. -Ryan __ 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/
Re: [css-d] IE Flicker on hover problem FIXED
On Mon, 29 Oct 2007 17:45:27 -, James Leslie wrote: I am using a sliding doors style technique for a few tabs as shown at http://jamestesting.metafaq.com/clients/jamestesting/debug.html (CSS in head) whenever they are hovered over in IE6 the image is reloaded causing a flicker. On Mon, 29 Oct 2007 10:38:08 -0700, Thierry Koblentz responded: Try this: script type=text/javascript !-- try { document.execCommand(BackgroundImageCache, false, true); } catch(err) {} //-- /script That's really useful information. Thanks for both the Q. and the A. While you're at it, you can cheerfully omit the HTML comments inside the SCRIPT element. It was only ever needed for Netscape 1. (X)HTML will need a CDATA section - or, better, put the script in a separate, linked file. Cordially, David -- __ 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/