Anyone knows how to style a textbox and image like the one in www.live.com?

Make background image for the search textbox area? And put background: url('pathtoimage') no-repeat;

I´m actually looking for a way to do the hover in a standard way, not just a ie only solution ... js?

Add this to your CSS File...

.inputone{
background-image: url('path-here');
}

.inputtwo {
background-image: url('path-here');
}

AND
add this to your html body, where the text box will go...

<input type="text" name="name" onmouseover="this.className='inputtwo'" onmouseout="this.className='inputone'">

Thanx ... jyoz22!

Considering just the input box:

<input type="text" ID="tbx1" class="tbx1_default"
	onmouseover="this.className='tbx1_hover';"
	onmouseout="this.className='tbx1_default';" />

And the style:

.tbx1_default
{
	border:1px solid #aaa;
	height:16px;
	width:250px;
	padding: 3px;
}
.tbx1_hover
{
	border:1px solid green;
	height:16px;
	width:250px;
	padding: 3px;
}

The effect is still not the same, eg: the glow is too thin ... I tried 2px border, but it´s not the way to go ... probably what´s glowing is not the input border, but maybe something else???

This is what you're looking for!

http://www.picment.com/articles/css/funwithforms/

how can u keep it green when your typing something into the text box

javascript! check the source of live.com