#header-extra-div-1 {
height: 150px;
width: 200px;
float: left;
background-image: url('http://keysoftbiservices.wikidot.com/local--files/start/KEYSOFT%20LOGO');
background-repeat: no-repeat;
padding: 0;
position: absolute;
top: 5px;
right:102%;
}

Here is the result:
http://keysoftbiservices.wikidot.com/

Regards

Here is my piece of code to:

• increase a little bit the header height
• increase a little bit the image width
• put a PNG instead of the JPG (using transparency)

Here is the code:

#header {
height: 120px;
}
#header h1 a span{
display: none;
}
#header h2 {
display: none;
}
#header h1 a,#header h1 a:hover{
margin: 0;
padding: 0;
background-image: url(http://dents-de-sagesse.wikidot.com/local--files/start/logo.png);
height: 90px;
width: 502px;
position: absolute;
top: 10px;
left: 20px;
}

Here is the result:
http://dents-de-sagesse.wikidot.com/

Happy wikying to all!

__
charls

Did you see it? One more time? You won't get faked out here! <a href="http://www.SelectWealthSystem.com/?t=wc">http://www.SelectWealthSystem.com/?t=wc</a>

Changed the following line to my image url as follows:

Before:
background-image: url(/local—files/start/logo.jpg);

After:
background-image: url(http://mywikidotsite.wikidot.com/local--files/start/logo.jpg);

And now it all works fine.

#header {
height: 120px;
}
#header h1 a span{
display: none;
}
#header h2 {
display: none;
}
#header h1 a,#header h1 a:hover{
margin: 0;
padding: 0;
background-image: url(/local—files/start/logo.jpg);
height: 87px;
width: 508px;
position: absolute;
top: 10px;
left: 20px;
}