[css-d] mouse over styles on search box
hey all, I am working on a page which has a search box which I have added styles to, which have an unintended effect that I hope you can help me get rid of. I am trying to get the search box and the submit button to be the same height and have ended up with a couple of little jiggles on mouse over. The search box loses the padding I added, and the submit button shifts a few pixels to the right. http://sandyfeldman.com/glaucomaresearch/4test1.html here are the style sheets (only 4test1.css should effect the search box) http://sandyfeldman.com/glaucomaresearch/js_css/4test1.css http://sandyfeldman.com/glaucomaresearch/js_css/ytplayer.css http://sandyfeldman.com/glaucomaresearch/js_css/ie6-hacks.css http://sandyfeldman.com/glaucomaresearch/js_css/ie7-hacks.css How can I get rid of this jiggle? And is there any way to get the submit button to have the same mouse over effects as the donate button? thanks! Sandy __ css-discuss [cs...@lists.css-discuss.org] 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] mouse over styles on search box
On Sep 14, 2009, at 10:34 PM, Sandy wrote: I am trying to get the search box and the submit button to be the same height and have ended up with a couple of little jiggles on mouse over. The search box loses the padding I added, and the submit button shifts a few pixels to the right. http://sandyfeldman.com/glaucomaresearch/4test1.html here are the style sheets (only 4test1.css should effect the search box) http://sandyfeldman.com/glaucomaresearch/js_css/4test1.css http://sandyfeldman.com/glaucomaresearch/js_css/ytplayer.css In 4test1.css you set a padding-top (4px) on input.c3 in ytplayer.css you remove that padding-top input:hover, input:focus, input:active { /* ... */ padding : 0; padding-left : 7px; padding-right : 7px; } Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Runaway input text box
Problem: The input text box for Date Required (mm/dd/): appears to be aligned justified or right. But that is not in the style sheet. The firebug extension for Firefox is your best friend. On line 174 of rc.css, there's this declaration: #date { float: right; text-align: right; width: 220px; } That's your trouble maker. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Sticky footer problem
www.oakleafdesignprint.co.uk/dmk/ I've spent two days trying to fix this layout, and getting nowhere. It doesn't look so bad in FF3 but a mess in IE7 (so what's new?) Anyway, what I'm trying to do is to get the footer - the green box - to stick to the bottom, at the foot of the .wrap container. But it won't. Can any of you guys see what's wrong, 'cos I sure as heck can't. (The coloured lines are just borders around the elements to help me see what's going on.) Will be extremely grateful for any answers. Val Dobson -- www.oakleafcircle.org.uk www.valdobson.co.uk www.astrodiary.co.uk __ css-discuss [cs...@lists.css-discuss.org] 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] Sticky footer problem
Val, I don't know if this is it, but what jumps out at me is the missing after the end footer !--end footer--/div should be !--end footer--/div hope that helps, at least a little. Sandy www.oakleafdesignprint.co.uk/dmk/ I've spent two days trying to fix this layout, and getting nowhere. It doesn't look so bad in FF3 but a mess in IE7 (so what's new?) Anyway, what I'm trying to do is to get the footer - the green box - to stick to the bottom, at the foot of the .wrap container. But it won't. Can any of you guys see what's wrong, 'cos I sure as heck can't. (The coloured lines are just borders around the elements to help me see what's going on.) Will be extremely grateful for any answers. Val Dobson __ css-discuss [cs...@lists.css-discuss.org] 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] Runaway input text box
Greetings. I'm cleaning up my css and xhtml for a new design and having problems with a text box. URL: http://rapicom.net/site-2009/quotes.html CSS: http://rapicom.net/site-2009/css/rc.css Problem: The input text box for Date Required (mm/dd/): appears to be aligned justified or right. But that is not in the style sheet. I've tried several small things with p, span, and div. Nothing seems to change it. Would some of you look at my trees to help me see my forest. Thanks, Duane Nelson Loss2gaiN Designs http://myL2G.com -- This message has been scanned for viruses and dangerous content by MailScanner, and is believed to be clean. __ css-discuss [cs...@lists.css-discuss.org] 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] Sticky footer problem
I've fixed the missing end tag, but it hasn't made a difference. According to everything that I've read, position absolute and margin-bottom:0 should put an element that's last in the markup at the bottom of its container element. That fact that it isn't doing that, is what's making me tear my hair out. I suspect that the problem lies further up the page - a property of one of the other elements is disrupting the flow. Just can't seem to see it. Charles - I'm just trying to fix the basic layout at the moment - all the visual design stuff I'm leaving till later. Val Dobson 2009/9/14 Charles Miller chuckmil...@new.rr.com: No help from here. Sorry. I know just enough about CSS to find this interesting. Will watch to see if I can figure out why the footer *should* be stuck to the bottom of wrap. Side matter. In the footer, if you had wanted the type to be centered vertically in the box, am I right in thinking that you could have given the type a line height of 50px? As I think I understand it, that would have established the box height at 50 pixels. And centered the line of type vertically. Sorry if these are distractions... Chuck M On Sep 14, 2009, at 11:01 AM, Val Dobson wrote: www.oakleafdesignprint.co.uk/dmk/ I've spent two days trying to fix this layout, and getting nowhere. It doesn't look so bad in FF3 but a mess in IE7 (so what's new?) Anyway, what I'm trying to do is to get the footer - the green box - to stick to the bottom, at the foot of the .wrap container. But it won't. Can any of you guys see what's wrong, 'cos I sure as heck can't. (The coloured lines are just borders around the elements to help me see what's going on.) Will be extremely grateful for any answers. Val Dobson -- www.oakleafcircle.org.uk www.valdobson.co.uk www.astrodiary.co.uk -- www.oakleafcircle.org.uk www.valdobson.co.uk www.astrodiary.co.uk __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator
Hello list, After David's advices, my site was checked (well, it never is completely, but we have to stop at some point), still: http://www.nuvemk.com/rebelate/rebelatehome/css/home6_ie7.css http://www.nuvemk.com/rebelate/rebelatehome/css/home6_ie6.css http://www.nuvemk.com/rebelate/rebelatehome/home6.html The navigation list current item isn't highlighted on IE8 and FF3.5 and Safari... But not even on the example above, but also: http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigatio n_bar/ or http://css.maxdesign.com.au/listamatic/vertical13.htm# I'm newbie, probably I'm missing something REALLY basic, what could the problem be? @David and List: Jan Tschichold I didn't know him, but the designers that insists on putting verdana did. Isn't ironic? Anyway, I have the code, I have the power. :p So, I grab that shovel. However, I'm not a dictator. I need arguments others that the ones I've found on the google about this. *Please throw me some links, books, references about this subject.* Otherwise, I may have problems with the same shovel I used to dig in the Verdana's hole. Thanks a lot, Márcio __ css-discuss [cs...@lists.css-discuss.org] 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] Runaway input text box
Duane Nelson wrote: I'm cleaning up my css and xhtml for a new design and having problems with a text box. It's generally more productive to design new pages well than to clean up existing pages. URL: http://rapicom.net/site-2009/quotes.html CSS: http://rapicom.net/site-2009/css/rc.css Problem: The input text box for Date Required (mm/dd/): appears to be aligned justified or right. But that is not in the style sheet. The text is in an element with id=date, and the style sheet contains #date { float: right; width: 220px; text-align: right; } So it right-aligns it in _two_ ways. If you really want to clean up the page, it's probably best to remove that entire rule, since the width setting isn't useful either. It just makes the field too small or too large, depending on font size (which need not be the one you suggest in your style sheet). For an input element expecting data of the form aa/bb/ (which is a seriously ambiguous format, by the way), the best approach is to set size=10 in HTML and not set the width in CSS at all. There is nothing in CSS that corresponds to the concept average width of a character. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator
On 15/09/2009, at 5:58 AM, MEM wrote: Hello list, After David's advices, my site was checked (well, it never is completely, but we have to stop at some point), still: http://www.nuvemk.com/rebelate/rebelatehome/css/home6_ie7.css http://www.nuvemk.com/rebelate/rebelatehome/css/home6_ie6.css http://www.nuvemk.com/rebelate/rebelatehome/home6.html The navigation list current item isn't highlighted on IE8 and FF3.5 and Safari... It *is* highlighted. Have you changed it since you sent this message? In IE if you give the links layout they will be full size and you can see the background images properly. __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
It *is* highlighted. Have you changed it since you sent this message? O.o No. In IE6 and IE7 I see them. When I click on one of the navigation links, I'm expecting to see a red image above the letters, and I see them. This must be the dummiest think I've ever asked. :s Not able to see them on Vista 64: Safari 4.0.3 Sea Monkey 1.1.7 Firefox 3.5.3 Internet Explorer 8.0.6 Update: I CAN SEE THEM, however, I swear I'm not crazy, when we click, *and drag* a little bit the mouse button, over the highlighted link, we can preserve the highlight state. If I don't drag that little bit, the highlight state doesn't preserve. :S __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
It *is* highlighted. Have you changed it since you sent this message? O.o No. In IE6 and IE7 I see them. When I click on one of the navigation links, I'm expecting to see a red image above the letters, and I see them. This must be the dummiest think I've ever asked. :s Not able to see them on Vista 64: Safari 4.0.3 Sea Monkey 1.1.7 Firefox 3.5.3 Internet Explorer 8.0.6 Update: I CAN SEE THEM, however, I swear I'm not crazy, when we click, *and drag* a little bit the mouse button, over the highlighted link, we can preserve the highlight state. If I don't drag that little bit, the highlight state doesn't preserve. :S The drag mouse workaround works with: Sea Monkey Firefox IE8 Doesn't work with: Safari Please, take me seriously. :s __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
It *is* highlighted. Have you changed it since you sent this message? O.o No. In IE6 and IE7 I see them. When I click on one of the navigation links, I'm expecting to see a red image above the letters, and I see them. This must be the dummiest think I've ever asked. :s Not able to see them on Vista 64: Safari 4.0.3 Sea Monkey 1.1.7 Firefox 3.5.3 Internet Explorer 8.0.6 Update: I CAN SEE THEM, however, I swear I'm not crazy, when we click, *and drag* a little bit the mouse button, over the highlighted link, we can preserve the highlight state. If I don't drag that little bit, the highlight state doesn't preserve. :S The drag mouse workaround works with: Sea Monkey Firefox IE8 Doesn't work with: Safari Please, take me seriously. :s Update: On IE8 on Windows XP and 32 9.03 on Firefox 3.0.3 Same issue. We need to drag a little bit so that the highlight preserves after the click. __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
On 15/09/2009, at 8:12 AM, MEM wrote: It *is* highlighted. Have you changed it since you sent this message? O.o No. In IE6 and IE7 I see them. When I click on one of the navigation links, I'm expecting to see a red image above the letters, I'm afraid that I don't know what you mean and I don't know what it's meant to look like. There is a red background color on hover and there is a different color/background image for the link with the class of 'current'. Show us an image of what it's meant to look like or describe it carefully. Thanks, Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Sticky footer problem
Val Dobson wrote: www.oakleafdesignprint.co.uk/dmk/ I've spent two days trying to fix this layout, and getting nowhere. It doesn't look so bad in FF3 but a mess in IE7 (so what's new?) Anyway, what I'm trying to do is to get the footer - the green box - to stick to the bottom, at the foot of the .wrap container. But it won't. ... Well, the height of my screen does not allow me to see what happens on that page, as it has a scroll bar even at full height. Here is the sticky footer method I use: HTML body div id=wrapper div id=header,nav,content etc.../div /div!-- #wrapper -- div id=footer div id=copyright,address, etc.../div /div!-- #footer -- CSS --- html, body, #wrapper { height: 100%; } body #wrapper { height: auto; min-height: 100%; overflow: hidden; } #wrapper { padding-bottom: 5em; /* height of footer */ } #footer { position: relative; /* fix backgrounds in IE maybe??? */ margin-top: -5em; min-height: 5em; _height: 5em; /* for IE 6 */ } Note carefully that this *only* works to stretch a single DIV (#wrapper) to full window height on short pages. It will not work on nested DIVs, nor on a series of DIVs as you have in your design. Sorry. Hope this helps. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] 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] So Sorry
To all - I am so sorry!! The e-mail I just sent was suppose to go to a colleague! I typed in the wrong address and hit send before double checking! Please disregard! sorry for any inconvenience to all! Diana __ css-discuss [cs...@lists.css-discuss.org] 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] I like big overflow:hidden and I cannot lie (IE6 question)
Hi everyone, Any thoughts on how to make this scrolly thing look right in IE6? http://ellieirons.com/flyway/ It just kind of poops out in the middle and starts dropping things onto a new line. Is it zoom: 1? position: relative? Something else I'm forgetting? Apologies in advance for the 1.5 MB load. Something I need to fix still. Thanks, -Dan __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
I'm afraid that I don't know what you mean and I don't know what it's meant to look like. There is a red background color on hover and there is a different color/background image for the link with the class of 'current'. Show us an image of what it's meant to look like or describe it carefully. Thanks, Tim Unfortunately an image isn't of great use. I need to show that when I click, nothing happens, but I can't show an event on a image. :(( There is a red background color on hover, and the same red background color should stay there when we click. But it doesn't. I have tested on 4 different computers and OS, including mac os, and ubuntu. So, if you mouse hover the link and then you click it, the red background doesn't stay active. If you mouse hover the link and then you click it *and drag a little*, the red background will stay there. Even with this drag strange workaround however, when I zoom in on two or three scale levels, the red background will disappear. I will try to make a movie to show it. Regards, Márcio __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
On 15/09/2009, at 1:09 PM, MEM wrote: I'm afraid that I don't know what you mean and I don't know what it's meant to look like. There is a red background color on hover and there is a different color/background image for the link with the class of 'current'. Show us an image of what it's meant to look like or describe it carefully. Thanks, Tim Unfortunately an image isn't of great use. I need to show that when I click, nothing happens, but I can't show an event on a image. :(( There is a red background color on hover, and the same red background color should stay there when we click. But it doesn't. I have tested on 4 different computers and OS, including mac os, and ubuntu. So, if you mouse hover the link and then you click it, the red background doesn't stay active. If you mouse hover the link and then you click it *and drag a little*, the red background will stay there. Even with this drag strange workaround however, when I zoom in on two or three scale levels, the red background will disappear. Maybe you are thinking about a:active? Try styling that. __ css-discuss [cs...@lists.css-discuss.org] 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] mouse over styles on search box
-- Message: 7 Date: Mon, 14 Sep 2009 09:34:58 -0400 From: Sandy sfeld...@sympatico.ca Subject: To: CSS discuss css-d@lists.css-discuss.org Message-ID: blu0-smtp76ea013546cbeaf8da8896ab...@phx.gbl Content-Type: text/plain; charset=ISO-8859-1; format=flowed hey all, I am working on a page which has a search box which I have added styles to, which have an unintended effect that I hope you can help me get rid of. I am trying to get the search box and the submit button to be the same height and have ended up with a couple of little jiggles on mouse over. The search box loses the padding I added, and the submit button shifts a few pixels to the right. http://sandyfeldman.com/glaucomaresearch/4test1.html here are the style sheets (only 4test1.css should effect the search box) http://sandyfeldman.com/glaucomaresearch/js_css/4test1.css http://sandyfeldman.com/glaucomaresearch/js_css/ytplayer.css http://sandyfeldman.com/glaucomaresearch/js_css/ie6-hacks.css http://sandyfeldman.com/glaucomaresearch/js_css/ie7-hacks.css How can I get rid of this jiggle? And is there any way to get the submit button to have the same mouse over effects as the donate button? thanks! Sandy [HallMarc Websites] Your bounce is caused by these two styles in ytplayer.css input { color : #fff; background-color : #70; border : solid 1px #fff; margin-left : 0; margin-right : -.4em; - padding : 0; padding-left : 7px; padding-right : 7px; } input:hover, input:focus, input:active { color : #70; background-color : #fff; border : solid 1px #70; margin-left : 0; margin-right : -.3em; - padding : 0; padding-left : 7px; padding-right : 7px; } I'm sure this has a use somewhere somehow. Didn't do a thorough scouring to see where these styles are intended. __ Information from ESET Smart Security, version of virus signature database 4425 (20090914) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
Maybe you are thinking about a:active? Try styling that. I believe I'm styling that on my css. Here: #mainMenu li a:hover, li a:active { text-decoration:none; background-image:url(../images/hover.png); background-position:bottom; background-repeat:no-repeat; color:#fff; background:#e00; } Here's the video-issue: http://www.nuvemk.com/rebelate/rebelatehome/strange_css_issue.html Thanks, Márcio __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
On 15/09/2009, at 2:56 PM, MEM wrote: Maybe you are thinking about a:active? Try styling that. I believe I'm styling that on my css. Here: #mainMenu li a:hover, li a:active { text-decoration:none; background-image:url(../images/hover.png); background-position:bottom; background-repeat:no-repeat; color:#fff; background:#e00; } Here's the video-issue: http://www.nuvemk.com/rebelate/rebelatehome/strange_css_issue.html There are two things that I can see going on. The first is that you declare background-image and background in the same ruleset. It looks like you really want to set background-color rather than background. Or, you can use background to group all rules into one. e.g. background: #e00 url(../images/hover.png) no-repeat bottom; The second is that the specificity of your :active rule is less as it doesn't have an id as part of the selector. Do you realise that the 'active' state should only appear for a split second before the next page loads? You are only seeing this because you links go to '#' rather than a real page. In firefox :active is getting triggered but only for a short time. Also, I think I said before that you should give the links layout (e.g. with zoom: 1) in the IE stylesheet. That way they will take up the full vertical space. Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Current Navigation Indicator - the craziest error ever!
On 15/09/2009, at 2:56 PM, MEM wrote: Maybe you are thinking about a:active? Try styling that. I believe I'm styling that on my css. Here: #mainMenu li a:hover, li a:active { text-decoration:none; background-image:url(../images/hover.png); background-position:bottom; background-repeat:no-repeat; color:#fff; background:#e00; } Here's the video-issue: http://www.nuvemk.com/rebelate/rebelatehome/strange_css_issue.html See this link: http://reference.sitepoint.com/css/pseudoclass-active This pseudo-class matches any element that’s in the process of being activated. It would apply, for instance, for the duration of a mouse- click on a link, from the point at which the mouse button’s pressed down until the point at which it’s released again. Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] 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/