When tab will select, the arrow image will appear before the tab text. But its appearing just at the left hand top corner. Its looking like :\[code\]> abc\[/code\]I want like:\[code\]>abc\[/code\]The css is given below:\[code\]#navigation .selected a { background: url(../images/custom/arrow.png) no-repeat scroll 0 0; }\[/code\]I've tried like :\[code\]#navigation .selected a {vertical-align: middle;background: url(../images/custom/arrow.png) no-repeat scroll 0 0; }\[/code\]but its not working ![Frown :( :(](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)