Best Answer Danny , 05 September 2013 - 08:04 AM
OK, First of all. I highly recommend you signup to Code School (it's free) and do their Introduction to Web Dev Tools (free course). Honestly, it will make you a ninja on Chromes Web Dev tools, improving your workflow and ability to locate classes and customize your elements.
Also, the code you have used for your gradient, will only work a select few of browsers, when doing things like gradients, border radiuses etc..., you need to add the code for all browsers. However, PageLines includes an awesome snippet of LESS, that does the hard work for you. So instead of having to write multiple lines of CSS to generate a gradient effect for all browsers, you just write one line of code.
I have provided you with the code below.
Now if you wanted to be awesome, you could use nest everything together with LESS, which would look like this:
Go to the full post