firefox amending my css

adding and changing code

[benihana]

just put up a page with couple of posssible layouts for a vertical menu for testing. Pretty standard stuff - a list of hrefs with background images borders etc to create buttons.

using the web dev toolbar in FF to view the css, and notice its changed all my hex #XXXXXX refs to rgb, and added a few lines similar to:

-moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;

to some of the rules.

why does it do this? the css and html is pretty basic stuff.

Im using XHTML1 strict, but it does it with or without the DTD

thanks

<added> the CSS is in the doc head at the mo, and a direct view source (instead of the dev toolbar) doesnt show the amends. </added>

[Hester]

Mozilla and Firefox come with a useful extra called the 'DOM Inspector'. Try it as it shows there are dozens of internal CSS rules used to define a page. That's what you're seeing.

Let's say someone defines an element but only styles part of it. The browser has to add the remaining styles to draw it properly.

Eg: You might style an element with 'color:#000'. But the browser will add something like 'background-color:transparent' as it needs to have both colours set.

Hope this makes sense!

[benihana]

thanks hester - that makes sense :)

just didnt expect to 'see' it