Hello, I’m having a problem with some conflicting CSS. I have the progress bars working on their own but when I format the page for use on idevices (using menes.css) the background bar is visible but the fill does not show up at all.
The code in menes.css that is culprit is the box-sizing code right before the commented line.
* {
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
/*font-family: inherit;*/
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
text-decoration: none;
vertical-align: baseline;
}
If I comment the 4 lines out the progress bar works but it makes the panel containing everything wider than the screen size. Is there any way I can have both working?
I can post pictures of the issue if it helps, feel free to ask.
Thanks for any help.