If you use Firebug inspector, and hover #jimgMenu ul
you will see that it has left padding but no css rule related to it:
http://www.alohatechsupport.net/examples/image-menu-1.html
Where is the left padding coming from? Why I can't see the origin?
EDIT:
If you click in Layout/Metrics it says that #jimgMenu ul
has left padding = 40px;
But again I can't find where it that padding coming from.
User agent stylesheet is being applied with the following padding (in chrome)
-webkit-padding-start: 40px;
thats why its always useful to use a css reset to remove all paddings and margins specific to each browser
http://meyerweb.com/eric/tools/css/reset/
an <ul>-Element has also an indent to be proof that its elements aren't displayed outside of the list
Unordered List (<ul>) default indent
You can set own padding for ul to overwrite this indent. <-- I tried this in firebug and it worked.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With