For some work I have been doing for GridGiant I have been adding Skype buttons to static sites. The Microsoft built JS Skype buttons offer useful device integration, however they also inject some inline css – rather unhelpful. Fortunately you can override inline css using ‘!important’ (a technique I was remind of here).

The following css cancels out the inline style applied.

#genSkypeCall p a img[style]{<br /> margin:0px !important;<br /> vertical-align:-7px !important;<br /> }

The -7px deals with the fact that supplied image has white space under it.

The other elements introduced to the html body are below which seem to required to be all set to inline to get a horizontal navigation rather than a vertical one.

#genSkypeCall{ display:inline; }<br /> #genSkypeCall p{ display:inline; }<br /> #genSkypeCall_paraElement{ display:inline: }