I tried to use a tag button with overflow: hidden and an inner img tag with position: relative and left:-34px. The image is not properly positioned by 4px.

styling:

#user-menu button,
#user-menu .sheet17x17 {
    background-color: transparent;
    cursor: pointer;
}
#user-menu .sheet17x17 {
    margin: 2px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
#user-menu .sheet17x17.sheet-effects>img {
    position: relative;
}
#user-menu .sheet17x17.sheet-effects:hover>img {
    right: 17px;
}
#user-menu #user-menu-profile:hover>img {
    outline: solid azure 1px;
}
#user-menu #user-menu-social>img {
    margin-left: -68px;
    margin-top: -143px;
}

HTML:

                <div id="user-menu">
                    <span id="welcome-msg" class="lang-content">Welcome, </span><span id="goto-profile">Guest!</span> &nbsp;
                    <button id="user-menu-profile"><img src="profiles/erich.seac/avatars/avatar-28x28.png" /></button>
                    <button id="user-menu-comm" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                    <button id="user-menu-social" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                    <button id="user-menu-aux" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                </div>

-However it works-

                <div id="user-menu">
                    <span id="welcome-msg" class="lang-content">Welcome, </span><span id="goto-profile">Guest!</span> &nbsp;
                    <button id="user-menu-profile"><img src="profiles/erich.seac/avatars/avatar-28x28.png" /></button>
                    <div id="user-menu-comm" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                    <div id="user-menu-social" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                    <div id="user-menu-aux" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                </div>

You can report a more complete using this site test case if you do not have other accommodation: jsFiddle

Tags: Firefox

Similar Questions

  • I'm trying to use a printer that connects via USB and he always tells me that it is not a driver?

    Hello

    I'm trying to use a printer that connects via USB and he always tells me that it is not a driver? I don't understand what is happening and I think it's a setting that I have on my computer. Can anyone help? Ive went on the website of the printer to download the driver and the im unable too.

    Hello

    OEM for the printer manufacturer is responsible for the proper functioning of the printer
    and their drivers. Check with the manufacturer of the printer support, their online
    documentation and drivers and ask in their forums.

    Good luck, you need to update or reinstall the latest driver.

    ================================================

    The main issue is probably the drivers, but these can help:

    Add or remove a printer
    http://Windows.Microsoft.com/en-us/Windows-Vista/add-or-remove-a-printer

    Solve printer problems (Vista)
    http://Windows.Microsoft.com/en-us/Windows/printer-problems-in-Windows-help#fix-printer-problems=Windows-Vista&V1H=win8tab1&V2H=win7tab1&V3H=winvistatab1&v4h=winxptab1

    Solve printer problems (Vista)
    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-printer-problems

    Solve printer problems (Windows 7)
    http://Windows.Microsoft.com/en-us/Windows/printer-problems-in-Windows-help#fix-printer-problems=Windows-7&V1H=win8tab1&V2H=win7tab1&V3H=winvistatab1&v4h=winxptab1

    Open the printer (Windows 7) Troubleshooter
    http://Windows.Microsoft.com/en-us/Windows7/open-the-printer-Troubleshooter

    Find the manufacturer's Web site
    http://Windows.Microsoft.com/en-us/Windows-Vista/find-a-printer-manufacturers-website

    Find and install printer drivers in Windows 7
    http://Windows.Microsoft.com/en-us/Windows7/find-and-install-printer-drivers

    I hope this helps.

    Rob Brown - Microsoft MVP<- profile="" -="" windows="" expert="" -="" consumer="" :="" bicycle=""><- mark="" twain="" said="" it="">

  • Using the PNG format with maximum width without clipping the top and bottom of the image?

    I use PNG format to preserve transparency and shadow, I am trying to integrate to give the illusion that this slab object is floating above the other layers.  First I tried file > place to position the menu object on edge of header/beginning of the content.  This leaves no option to force the image to span the width of any screen.  I need that I tried to use object > fill > and then clicking on the maximum width of the rectangle (which solves the problem of maximum width), but now I am facing a problem of cutting top and bottom of the image.  The next thing I can think of is to go back to Photoshop and to distort the image, so it is not as big.  In my view, there must be an easier way to achieve will not also give my image an abnormal appearance.  Thoughts?  Thanks in advance.

    Thanks, that's useful.  I also found that I've cropped for a large part of the canvas.  After the increase the surface of the canvas AND fill everything is fine now.  I think that your suggestion may help with the problem of affect scroll I will have when you use different resolutions. I will try to set the size in a single dimension (height) so that different resolution screens see the same scrolling actions.  Mylenium thanks!

  • Using Acrobat XI with IE11 and Win7; I can't the acrobat toolbar. Watch modules Manager he's here and activated, but the toolbar is not there. And when I use right click and click on convert to Adobe pdf format, nothing happens.

    Using Acrobat XI with IE11 and Win7; I can't the acrobat toolbar. Watch modules Manager he's here and activated, but the toolbar is not there. And when I use right click and click on convert to Adobe pdf format, nothing happens.

    Can anyone help?

    Hi Richard,

    1. start Internet Explorer.

    2. Select Tools > Internet Options, and then click the Advanced tab.

    3. check if "enable third-party browser extensions (requires restart)" and click OK.

    4. close all Internet Explorer Windows.

    5 restart Internet Explorer.

    Let us know how it goes.

    You can also check out the following link and see.

    Quick fix | See a PDF on the Web

    Concerning

    Sukrit diallo

  • Vista 64-bit Black Screen of Death, with just a mobile available slider, the system does not start in safe mode.

    My system worked properly on 25 April and then something happened and now the machine comes back with "Start menu options" but will not start in one of the listed options, modes result in the same outcome.  System also starts on the Vista CD.

    System begins to boot normally, shows the tracer Green Windows at the bottom of the screen, then the mouse pointer appears and moves but the rest of the screen remains black.

    That's it, that's all what he will do.  I checked the settings of the computer and ran the diagnostic tests available and everything seems to go fine and passes all the tests.

    I worked on my own computers for over 20 years and never been stumped before, but I must say this is a first, and I have no idea what to try to do it now.

    Help or direction is appreciated.

    original title: Vista 64-bit Black Screen of Death, with just a mobile available slider, the system does not start in safe mode.

    See if there is a way to tecover clean your data before doing a restore to conditions of factory that will wipe the drive of all.  You can use Knoppix http://www.knopper.net/knoppix/index-en.html with a good ISO as Copier: http://isorecorder.alexfeinman.com/isorecorder.htm as well as a blank CD (which you will need to do on another computer).  Starting on this disc and lla should give you enough access to the system (if you do not have any other means) to backup your important data.

    So since you seem to have no other alernatives, you can try retoring the original factory computer options. However, if it is a hardware problem as could very well be the case, you can still encounter problems after even this drastic step.  Then you will need to consider in a reputable computer repair shop (NOT Geek Squad or or a any of these big store centers) or maybe even go back to the manufacturer for repair.   Check out several options and compare the costs, quality and guaranteed and then make your best decision.

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • I use windows 7. How to change and be sure the default column width in Windows Explorer

    I use windows 7. How to change and be sure the default column width in Windows Explorer

    Hi Jimsw,

    ·         If it works well before?

    ·         You did changes to the computer before the show?

    Explorer Windows will remember changed settings, check if this not happen as planned.

    Follow the suggestions below for a possible solution:

    Method 1: I suggest running the fix of the article and check if it helps.

    Diagnose and repair Windows files and folders problems automatically

    http://support.Microsoft.com/mats/windows_file_and_folder_diag/

    Method 2: You can increase the width of the selected columns and apply the settings to all files and check.

    a. right click on an empty space in the Windows Explorer, click on sort by.

    b. now, enter the size required in the Pixel with and click OK.

    Now, click on the drop down menu to organize and click on folder and Search Options.

    Click view and click apply to folders and click OK.

    I hope this helps.

  • With the help of LR4 with Windows 8 - impossible to get the images to desempilement.

    Using LR4 with Windows 8 - impossible to get the images to desempilement.

    Right click on the picture, select stacking, select Unstack

  • I get emails with pictures and when I send them to others. they open them but the images are not displayed. The photos are there when I send them. Thank you

    I get emails with pictures and when I send them to others. they open
    their place but the images are not displayed. The photos are there when I send a
    them. Thank you

    Make sure that your security software (antivirus) is not blocking attachments.

  • Premiere Pro sart to load and stop directly with a windows error message. The program is not responding properly.

    Hello world

    Premiere Pro sart to load and stop directly with a windows error message. The program is not responding properly. (or something like that... I work in German...)

    I just bought all Deinstalled CC all and installed again and again.

    The problem persists... just with premiere pro cc 2015.2... I'm working on windows 7.

    You have an idea?

    Thank you very much

    François

    You can please go through the requirements for Premiere pro - Premiere Pro system requirements for Mac OS and Windows

  • Using a radio button with a calculation

    Hello

    I have a question of calculation for the group.  I'm trying to calculate creatinine clearance.  Sounds easy, but I'm stuck at the end.

    creatinine clearance is: ((140-age) * weight (kg)) / (72 * Scr)

    Women are multiplied by 0.85 to get the final result of creatinine clearance

    I have a box for the age, weight and scr and the user has entered the number.

    Here where I'm stuck at is the end... I have a radio button for women so that the result is multiplied by 0.85.  I thought that something like this might work... but nothing helps.

    var crcl2
    CrCl2 = (140 - this.getField('age').value) * (this.getField('weight').value) / (72 * this.getField('cr').value);

    var crcl3
    function validate (carbbox)
    {
    If (carbbox.checked == 1)
    CrCl3 == crcl2 * 0.85;
    on the other
    CrCl3 is crcl2;
    }

    Im kinda new to this obviously... any help would be really appreciated.

    Thanks, chris

    Unless you repeat the calculation in function in several places with different values or you want a funciton of type library which could be adeed to other forms, use of the service may not be necessary.

    Event.value = "; assume not performed calculation
    perform the calculation if the divisor is not equal to zero
    If (this.getField('cr').value! = 0) {}
    adjustment for sex
    var adjGender = 1;
    If (if (this.getField("carbbox").value == 1) {})
    adjGender = 0.85; fit for the female sex
    } / / end of adjustment for sex
    calculate creatinine clearance
    Event.Value = (140 - this.getField('age').value) * (this.getField('weight').value) / (72 *)
    this.getField('cr').value)) * adjGender;
    } / / end of calculation

  • CC cleaner has changed the layout, button, the images do not with txt but below, some pages also do not now intertactive... can not scroll and buttons, and then click to activate the choice. Help

    Hi, please help.

    I currently use v4.0.1 Firefox, I love and I'm happy, because it allows me to use my Kaspersky link filter and the virtual keyboard.

    In any case, I recently decided to clean my registry and history using cc cleaner... I don't back upwards as I had never experienced problems before. Once cc cleaner had finished and I opened Firefox I noticed that my two homepage layouts changed. Supanet homepage is now all disjointed, the buttons are scattered to the left and to the right of the page, where once what they where side by side, all the images and the text seem to be under the other and instead of a single page, now, I have to scroll down and down to the full page all the text and image seem to be left margin.
    On the homepage of google some buttons are there, but the text inside has disappeared, even if the buttons work, a job search online via google... (or Supanet homepage) is not a problem, however, once we arrive on the site it almost shows the information the same page the hompage of Supanet way. Even more on some buttons on other sites are more interactive... for example, Asda good print. I do not wish to update to the other version of firefox that I would lose keys Kaspersky... so please help... I tried everything... same re install version 4.0.1.Help, I now there should be simple... but I'm not a geek! Thank you very much!

    There are a few variations on the command to start the Profile Manager, see if it works better than the one you used.

    Try typing firefox.exe Pei in the area run.

    Make sure you have a space between exe and the dash preceding the capital P and without the quotes with this version of the command.

  • HP-S5-1414: use two onboard video with add on video PCIe at the same time

    I have a HP S5-1414 (HP Pavilion Slimline). It has 2 DVI connectors on board and a PCIe x 16 slot with a Gigabyte R9 270 X Video card. With a lot of motherboards with onboard video you can now launch the edge and a discrete video card simultaneously. I tried to do this on this system without success. The question is this. Is there a way use Board on board with separate video, at the same time?

    Jim Hutto
    I do not work for HP.
    I am a computer technician and a passion for computing with more than 32 years of computer repair and networking experience

    Hello

    Space cleary wrote:

    Integrated Intel Graphics Media Accelerator HD graphics
    * Built-in video is not available if you have installed a graphics card or an Intel processor ending with 'P'.

  • I recently deleted Adoby of my computer... accidentally.... Now, I publish a bimonthly newsletter with all 2w00 subscribers. I use Microsoft Publisher to create each edition, and then convert the document to pdf format for sending my reviewers and subscri

    I publish a bimonthly newsletter for about 160 subscribers. I dial the thing in Microsoft Publisher, and then convert it to PDF to send to my reviewers and subscribers.

    But in the last week or two, the conversion is not possible. I thought it could have been because I accidentally deleted Adobe Acrobat from my computer. I tried to restore and then bought, but nothing helped.

    I lived a long session helps with Microsoft, the result was that it is not their problem, and I need to contact Adobe.

    What do you suggest me?

    Joan Nagle

    [email protected]

    Please post this question in the forum of Acrobat. Make sure you provide details of the exact symptoms by trying to launch Acrobat or use Acrobat in the output of the printer inside MS Publisher.

    Acrobat

  • How to code in DW w/o the use of tags to position: absolute?

    I noticed that a lot of research shows that Dreamweavers Div tags position: absolute in CSS is absolute trash and demolishes havoc in browsers. Is there a way to get around this? If so how can I go about creating my Web page in Dreamweaver without the help of this method? Thank you

    Dreamweaver always puts this style in when you draw tags div etc.

    Nope.  You can't draw a div tag  But you can draw a 'layer' (apDiv).  So stop doing that.  But DW is just do what you tell him.

    I've placed a template in dreamweaver and it was absolute positioning.

    Where do you have the model.  Garbage in, you know?

    all of this has to do with positioning that is bugging me.

    Yes - then stop using the positioning, and read the article I suggested - as these:

    Tutorials HTML & CSS - http://w3schools.com/

    How to develop with CSS?

    http://phrogz.NET/CSS/HowToDevelopWithCSS.html

    Learn CSS positioning in 10 steps

    http://www.Barelyfitz.com/screencast/HTML-training/CSS/positioning/

    ========================================

    PREDEFINED CSS LAYOUTS

    Solid as a rock, commercial products that provide well in all the browsers and devices, visit seven project:

    http://www.Projectseven.com/products/index.htm

    Not only a grid CSS Framework (free)

    http://www.notjustagrid.com/demo.asp

    (Free) ultimate multi-column layouts

    http://matthewjamestaylor.com/blog/Ultimate-Multi-Column-Liquid-layout s-em-and-pixel-width

    EZ - CSS Templates (watch the screencast to see how it works)

    http://www.EZ-CSS.org/css_templates

    Dreamweaver CSS Templates for beginners (free)

    http://www.Adobe.com/devnet/Dreamweaver/articles/dreamweaver_custom_te mplates.html

    News homepages DW (free)

    http://www.Adobe.com/devnet/Dreamweaver/articles/introducing_new_css_l ayouts.html

  • Problem with activation by using two hard drives (XP on one) and Win7 on the other

    I have XP sp3 installed on a hard drive and Win7 on another. I never use XP, I only keep there to keep my Win7 works great.

    I do not remember how did I installed win7, but I pretty sure I booted from a USB key and installed on a new hard drive.

    It seems that XP hard drive is in charge the boot settings, or something because I have set as the boot default HDD (in bios), and then select Windows 7 in boot menu that follows.

    If I select the hard disks Windows 7 the default boot hard drive, Windows restores activation. Select the hard drive with XP and win7 then choosing in the start menu, works very well, the activation is OK again.

    I'll install Win8 (that I already bought), but I still need to figure out what to do with this situation, because I need to replace the hard drive where XP is installed and install Win8 and have a double Win7 and boot 8.

    It is possible to solve the problem of activation, without having me call Microsoft? I use a utility called EasyBCD 2.2 and I was wondering if maybe this program could help fix me.

    Any thoughts?
    Wilfredo.

    Disconnect the drive xp, fix the win7 installation and activate if necessary

Maybe you are looking for

  • Failed to update BIOS on Satellite Pro P200-156

    Hello I has been updated the BIOS by using the update downloaded from the Toshiba downloads and get the following error when updating BIOS update failed! New BIOS is not compatible with the current system BIOS.New BIOS part number doesnâ? t match par

  • HP Envy: HP ENVY printer range: duplex upside down

    I tried things print double-sided and no matter what I do to change the preferences, the second page is always upside down. Is it possible I can return the last pages 180 degrees? I tried looking for a box that says "page flip up", but I don't think

  • Equium A200-1V0 - I need drivers for XP?

    Hello I have a Toshiba Equium which is under vista. I want to put Windows XP on it. Will I need any additional driver to do this, or it will support ok? Thanks clive

  • When you try to install the windows error message update. 0x80070005

    When trying to install the update to windows security get message cannot install.  code 0x80070005

  • Cannot add Gadgets in Windows 7

    HelloAll of a sudden my clock disappearedThen, when I tried to add back in click with the right button on the desktop and selecting gadgets, gadgets wont openI tried going into Control Panel and tried to open widgets, but it wont openAny help Thank y